Launching soon on Product Hunt! - Get Notified

Minimal Red

Minimal Red blends fiery Red #F00000 with deep Alizarin Crimson #DC281E for a bold look.

๐ŸŽจ Use this gradient for a striking, attention-grabbing design.

๐Ÿ’ก Alizarin Crimson was a dye used in ancient Egypt for royal garments.

CSS Linear Gradient Code

/* Minimal Red CSS Linear Gradient Background */
.gradient {
  background: #F00000;
  background: linear-gradient(
    to right,
    #F00000,#DC281E
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Minimal Red TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#F00000] to-[#DC281E]"></div>

Minimal Red - 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 Minimal Red color palette gradient background ๐Ÿ‘
July 20, 2024 at 6:52 AM

CSS Linear Gradient Button

Home
Why Minimal Red?

Linear Gradient Border

Minimal Red
Share

CSS Font Gradient

The Best Minimal Red Tailwind CSS Landing Pages

Shade of Minimal Red

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