Wisteria Gradient

Colors used in Wisteria gradient

East Side

Snuff

Whisper

Export Wisteria gradient CSS

.gradient { background-image: linear-gradient(to right, #a77dc5, #d4c7e1, #eae5f1); }

TailwindCSS Export

<span class="bg-gradient-to-r from-[#a77dc5] via-[#d4c7e1] to-[#eae5f1]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with wisteria gradient colors

Download Wisteria gradient as high-quality image

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

Wisteria Gradient Examples

See how your gradient looks in the real world UI.

Heading

Wisteria 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

Enchanted Twilight

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

Azure Twilight

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

Retro Logo Vibe

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

Synthwave Ice Cream

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

Electric Violet Dream

Color codes used in electric violet dream gradient: #8a2ce2, #9a2eff, #ba55d3

Spookie Glow

Color codes used in spookie glow gradient: #4a0080, #8a2ce2, #ffc300

Celestial Harmony

Color codes used in celestial harmony gradient: #6b10cb, #2775fc, #21d4fd

Soft Purple and Pink Dream

Color codes used in soft purple and pink dream gradient: #c0a3d1, #f6c1d6, #e9bad9
Explore more gradients