Rain Clouds Gradient

Colors used in Rain Clouds gradient

Pale Sky

Aqua Island

Oxford Blue

Export Rain Clouds gradient CSS

.gradient { background-image: linear-gradient(to right, #647a82, #a8cadc, #3c505d); }

TailwindCSS Export

<span class="bg-gradient-to-r from-[#647a82] via-[#a8cadc] to-[#3c505d]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with rain clouds gradient colors

Download Rain Clouds gradient as high-quality image

Select a resolution and get a high-definition gradient image for wallpapers, designs, or social media.

Rain Clouds Gradient Examples

See how your gradient looks in the real world UI.

Heading

Rain Clouds Gradient Typography

Dashboard

$10,342

UI Elements

Default
Default rounded
Outline
Outline rounded


Loading...

Cards

headshot profile pictureJames GrahamUX Designer
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque quidem sit corporis illum porro veniam enim debitis voluptatum beatae.
headshot profile picture
James GrahamUX Designer
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque quidem sit corporis illum porro veniam enim debitis voluptatum beatae.
Sale
presentation image of running shoes
Running Shoes$599$399⭐️⭐️⭐️⭐️⭐️

Background

Magic Gradient - gradient generator page preview

Similar gradients

Morning Glory

Color codes used in morning glory gradient: #a6ede9, #fed7e1, #ffd6a3

Danube Dream

Color codes used in danube dream gradient: #0066cc, #3399ff, #66ccff

Urban Dawn

Color codes used in urban dawn gradient: #ff9966, #ffcc66, #66ccff

Skyline Glow

Color codes used in skyline glow gradient: #1141df, #3c76d3, #6b9ee6

Snowflake Glow

Color codes used in snowflake glow gradient: #e0f7fa, #ffffff, #b1e0e7

Azure Twilight

Color codes used in azure twilight gradient: #70a4d2, #9a8dce, #b49fd0

Cool Beans Breeze

Color codes used in cool beans breeze gradient: #66ccff, #3399ff, #0066cc

Synthwave Ice Cream

Color codes used in synthwave ice cream gradient: #ff5ccb, #7afff0, #ffb3e0
Explore more gradients