Sage Dream Gradient

Gradient tags

pastelsagegreencalmnaturelightbrightsoothing

Colors used in Sage Dream gradient

Spring Rain

Pearl Bush

Sycamore

Export Sage Dream gradient CSS

.gradient {
    background-image: linear-gradient(to right, #a9c7a8, #e0d8cc, #7d8e43);
}

TailwindCSS Export

<span class="bg-gradient-to-r from-[#a9c7a8] via-[#e0d8cc] to-[#7d8e43]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with sage dream gradient colors

Download Sage Dream gradient as high-quality image

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

Enjoying sage dream gradient? Share it with your friends

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

Sage Dream Gradient Examples

See how your gradient looks in the real world UI.

Heading

Sage 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 Sage Dream Gradient Background

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

Similar gradients

Futuristic Sky

Color codes used in futuristic sky gradient: #4dacfe, #00f2ff, #44e97b

Vivid Spectrum

Color codes used in vivid spectrum gradient: #ff6e61, #6ccb79, #4d97ff

Ocean Breeze

Color codes used in ocean breeze gradient: #4dacfe, #44e97b, #00c3ff

Twilight Serenity

Color codes used in twilight serenity gradient: #1a227f, #a0a8da, #d8c0d8

Earthly Serenity

Color codes used in earthly serenity gradient: #7c705f, #8a9a5b, #a7d7b8

Winter Serenity

Color codes used in winter serenity gradient: #bfbfbf, #eae0dc, #aacde4, #ccccff

Spring Dawn

Color codes used in spring dawn gradient: #b598bd, #c8a2c8, #f5f5db, #fff8db

Sunrise Serenity

Color codes used in sunrise serenity gradient: #ffb347, #ffcc99, #fff5e0, #b1e0e7
Explore more gradients