Pure Serenity Gradient

Gradient tags

whitebrightcalmpeacefulskylight

Colors used in Pure Serenity gradient

White

Onahau

Anakiwa

Export Pure Serenity gradient CSS

.gradient {
    background-image: linear-gradient(to right, #ffffff, #d1eaff, #9ecfff);
}

TailwindCSS Export

<span class="bg-gradient-to-r from-[#ffffff] via-[#d1eaff] to-[#9ecfff]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with pure serenity gradient colors

Download Pure Serenity gradient as high-quality image

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

Enjoying pure serenity gradient? Share it with your friends

Share Pure Serenity gradient on FacebookShare Pure Serenity gradient on XShare Pure Serenity gradient via WhatsAppShare Pure Serenity gradient via TelegramShare Pure Serenity gradient via email

Pure Serenity Gradient Examples

See how your gradient looks in the real world UI.

Heading

Pure Serenity 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 Pure Serenity Gradient Background

Animated Pure Serenity gradient preview
Customize animated gradient CSS. Try our animated gradient generator with Pure Serenity colors

Similar gradients

Dove Gray Serenity

Color codes used in dove gray serenity gradient: #d1d1d1, #b0b0b0, #8f8f8f

Fresh Breeze

Color codes used in fresh breeze gradient: #a6ede9, #fed7e3, #f6f7b5

School Bus Brights

Color codes used in school bus brights gradient: #ffd900, #ffcc00, #e6b800

Paarl Sunrise

Color codes used in paarl sunrise gradient: #ffd900, #ff8c00, #ffa07a

Hibiscus Bloom

Color codes used in hibiscus bloom gradient: #ff7092, #ffcd70, #c94f4a

Romantic Sunset

Color codes used in romantic sunset gradient: #ff6e61, #ffb347, #ffe066

Springtime Bliss

Color codes used in springtime bliss gradient: #a8e6cf, #ffd4b8, #ff8a92

Beach Party

Color codes used in beach party gradient: #ffd280, #ff8052, #ffd900
Explore more gradients