Blue Indigo Gradient

Gradient tags

blueindigobrightvibrantcooloceansummerspringserenecalm

Colors used in Blue Indigo gradient

Pigment Indigo

Blue

Dodger Blue

Export Blue Indigo gradient CSS

.gradient {
    background-image: linear-gradient(to right, #4B0082, #0000FF, #1E90FF);
}

TailwindCSS Export

<span class="bg-gradient-to-r from-[#4B0082] via-[#0000FF] to-[#1E90FF]"></span>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with blue indigo gradient colors

Download Blue Indigo gradient as high-quality image

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

Enjoying blue indigo gradient? Share it with your friends

Share Blue Indigo gradient on FacebookShare Blue Indigo gradient on XShare Blue Indigo gradient via WhatsAppShare Blue Indigo gradient via TelegramShare Blue Indigo gradient via email

Blue Indigo Gradient Examples

See how your gradient looks in the real world UI.

Heading

Blue Indigo 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 Blue Indigo Gradient Background

Animated Blue Indigo gradient preview
Customize animated gradient CSS. Try our animated gradient generator with Blue Indigo colors

Similar gradients

Futuristic Dawn

Color codes used in futuristic dawn gradient: #6b10cb, #2775fc, #00f2ff

Sunrise Bliss

Color codes used in sunrise bliss gradient: #ff9c8f, #ffdac2, #ffe6a8

Vivid Sunrise

Color codes used in vivid sunrise gradient: #ff6e61, #ffcd70, #6ccb79

Fiery Spring

Color codes used in fiery spring gradient: #ff4d4d, #66cc66, #ff4d4d

Vivid Sunset

Color codes used in vivid sunset gradient: #7dfa00, #ffa600, #ff00ff, #4169e1

Nightfall Sunrise

Color codes used in nightfall sunrise gradient: #000000, #1f8fff, #ffa600

Digital Dawn

Color codes used in digital dawn gradient: #4dacfe, #00f2ff, #44e97b

Mystic Autumn Twilight

Color codes used in mystic autumn twilight gradient: #191971, #896806, #400193
Explore more gradients