Lavender Dream Gradient

Gradient tags

lilacirispurplesoftbrightspringfemininecalmdreamypastel

Colors used in Lavender Dream gradient

London Hue

Deluge

Minsk

Export Lavender Dream gradient CSS

.gradient {
    background-image: linear-gradient(to right, #b598bd, #7b68b1, #4b3190);
}

TailwindCSS Export

<span class="bg-gradient-to-r from-[#b598bd] via-[#7b68b1] to-[#4b3190]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with lavender dream gradient colors

Download Lavender Dream gradient as high-quality image

Select a resolution and get a high-definition gradient image for wallpapers, designs, or social media.
Download lavender dream gradient as 1920 × 1080 (Full HD) image

Enjoying lavender dream gradient? Share it with your friends

Share Lavender Dream gradient on FacebookShare Lavender Dream gradient on XShare Lavender Dream gradient via WhatsAppShare Lavender Dream gradient via TelegramShare Lavender Dream gradient via email

Lavender Dream Gradient Examples

See how your gradient looks in the real world UI.

Heading

Lavender Dream 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

Animated Lavender Dream Gradient Background

Animated Lavender Dream gradient preview
Customize animated gradient CSS. Try our animated gradient generator with Lavender Dream colors

Similar gradients

Glinda's Glow

Color codes used in glinda's glow gradient: #f7d4df, #f2b0d2, #cfa8d7

Sunset Serenade

Color codes used in sunset serenade gradient: #a12b93, #e391bc, #f15a22

Sunset Glow

Color codes used in sunset glow gradient: #a12b93, #e391bc, #f15a22

Sunset Blossom

Color codes used in sunset blossom gradient: #a44ca4, #ffb8c2, #ff8052, #ffd900

Sunset Blossom

Color codes used in sunset blossom gradient: #9b58b6, #e75581, #ff8052, #ffd900

Spring Blossom

Color codes used in spring blossom gradient: #b67dc5, #f7e8cf, #ffb347

Sunset Serenade

Color codes used in sunset serenade gradient: #4dd1a9, #9b58b6, #f9c8d6

Croma- Purple and Teal

Color codes used in croma- purple and teal gradient: #9b58b6, #16a286, #8d43ad
Explore more gradients