Instagram Gradient

Colors used in Instagram gradient

Carrot Orange

Cerise

Purple Heart

Export Instagram gradient CSS

.gradient { background-image: linear-gradient(to right, #f58529, #dd2c7c, #8034b7); }

TailwindCSS Export

<span class="bg-gradient-to-r from-[#f58529] via-[#dd2c7c] to-[#8034b7]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with instagram gradient colors

Download Instagram gradient as high-quality image

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

Instagram Gradient Examples

See how your gradient looks in the real world UI.

Heading

Instagram 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

Vintage Drive

Color codes used in vintage drive gradient: #d4a373, #876445, #f3d8bf

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

Majestic Galaxy

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