Azure Twilight Gradient

Colors used in Azure Twilight gradient

Danube

East Side

East Side

Export Azure Twilight gradient CSS

.gradient { background-image: linear-gradient(to right, #70a4d2, #9a8dce, #b49fd0); }

TailwindCSS Export

<span class="bg-gradient-to-r from-[#70a4d2] via-[#9a8dce] to-[#b49fd0]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with azure twilight gradient colors

Download Azure Twilight gradient as high-quality image

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

Azure Twilight Gradient Examples

See how your gradient looks in the real world UI.

Heading

Azure Twilight 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

Enchanted Twilight

Color codes used in enchanted twilight gradient: #a44ca4, #f4a462, #ffd900

Urban Dawn

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

Soft Cream Bliss

Color codes used in soft cream bliss gradient: #fffdd1, #fff8db, #faead6

Skyline Glow

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

Snowflake Glow

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

Retro Logo Vibe

Color codes used in retro logo vibe gradient: #ff6e61, #ffbe4d, #6b5b95
Explore more gradients