Orange to Purple Gradient

Colors used in Orange to Purple gradient

Web Orange

Wisteria

Purple

Export Orange to Purple gradient CSS

.gradient { background-image: linear-gradient(to right, #FFA500, #A45EB5, #6A0DAD); }

TailwindCSS Export

<span class="bg-gradient-to-r from-[#FFA500] via-[#A45EB5] to-[#6A0DAD]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with orange to purple gradient colors

Download Orange to Purple gradient as high-quality image

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

Orange to Purple Gradient Examples

See how your gradient looks in the real world UI.

Heading

Orange to Purple 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

Sunset Terracotta

Color codes used in sunset terracotta gradient: #d76b3c, #a2522a, #e17c60

Warm Abstract Sunset

Color codes used in warm abstract sunset gradient: #b95941, #d37d55, #e9a76d

Warm Abstract Sunset

Color codes used in warm abstract sunset gradient: #b95941, #d36a4a, #f3a96d

Sunset Ember

Color codes used in sunset ember gradient: #b95941, #e17c60, #f4a462

Blush Sunset

Color codes used in blush sunset gradient: #ffc2cc, #ff6bb5, #ff1492

Celestial Night Sky

Color codes used in celestial night sky gradient: #ff66cc, #3366ff, #222244

Night Green Blue

Color codes used in night green blue gradient: #274f33, #4e8d8d, #416881

Majestic Galaxy

Color codes used in majestic galaxy gradient: #3d9fdb, #51c878, #8a2ce2
Explore more gradients