Man of Steel

A bold blend of Japanese Maple red and Gulf Blue, evoking the strength of Man of Steel.

🎨 Use this gradient for a powerful, dramatic effect.

💡 This gradient is inspired by the colors of Superman's suit in the movie Man of Steel.

Japanese Maple
#780206
Gulf Blue
#061161

CSS Linear Gradient Code

/* Man of Steel CSS Linear Gradient Background */
.gradient {
  background: #780206;
  background: linear-gradient(
    to right,
    #780206,#061161
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Man of Steel TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#780206] to-[#061161]"></div>

Man of Steel - 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 Man of Steel color palette gradient background 👍
May 8, 2024 at 4:23 AM

CSS Linear Gradient Button

Home
Why Man of Steel?

Linear Gradient Border

Man of Steel
Share

CSS Font Gradient

The Best Man of Steel Tailwind CSS Landing Pages

Shade of Man of Steel

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