Crimson Tide

Crimson Tide: A bold blend of Eminence #642B73 and Mulberry #C6426E.

🎨 Use this gradient for a vibrant, energetic design.

💡 This gradient is reminiscent of a dramatic sunset, adding warmth and depth.

Eminence
#642B73
Mulberry
#C6426E

CSS Linear Gradient Code

/* Crimson Tide CSS Linear Gradient Background */
.gradient {
  background: #642B73;
  background: linear-gradient(
    to right,
    #642B73,#C6426E
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Crimson Tide TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#642B73] to-[#C6426E]"></div>

Crimson Tide - 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 Crimson Tide color palette gradient background 👍
May 8, 2024 at 12:43 PM

CSS Linear Gradient Button

Home
Why Crimson Tide?

Linear Gradient Border

Crimson Tide
Share

CSS Font Gradient

The Best Crimson Tide Tailwind CSS Landing Pages

Shade of Crimson Tide

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