Sublime Vivid

Sublime Vivid blends Radical Red and Dodger Blue for a striking, energetic feel.

๐ŸŽจ Use this gradient for vibrant, dynamic designs.

๐Ÿ’ก This gradient combines the urgency of red with the calm of blue, creating a unique balance.

CSS Linear Gradient Code

/* Sublime Vivid CSS Linear Gradient Background */
.gradient {
  background: #FC466B;
  background: linear-gradient(
    to right,
    #FC466B,#3F5EFB
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Sublime Vivid TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#FC466B] to-[#3F5EFB]"></div>

Sublime Vivid - UI Design Examples

You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.

Tweet Background Generator

Ilias Ism
Ilias Ism
@illyism
I love this Sublime Vivid color palette gradient background ๐Ÿ‘
May 30, 2024 at 4:10 PM

CSS Linear Gradient Button

Home
Why Sublime Vivid?

Linear Gradient Border

Sublime Vivid
Share

CSS Font Gradient

The Best Sublime Vivid Tailwind CSS Landing Pages

Shade of Sublime Vivid

We hope you enjoyed Sublime Vivid. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names