Minnesota Vikings

A bold blend of Blue Gem and Tacha, embodying the spirit of the Minnesota Vikings.

🎨 Use this gradient for sports-themed designs.

💡 This gradient mirrors the colors of the Minnesota Vikings' team logo.

Blue Gem
#5614B0
Tacha
#DBD65C

CSS Linear Gradient Code

/* Minnesota Vikings CSS Linear Gradient Background */
.gradient {
  background: #5614B0;
  background: linear-gradient(
    to right,
    #5614B0,#DBD65C
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Minnesota Vikings TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#5614B0] to-[#DBD65C]"></div>

Minnesota Vikings - 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 Minnesota Vikings color palette gradient background 👍
December 21, 2024 at 5:17 PM

CSS Linear Gradient Button

Home
Why Minnesota Vikings?

Linear Gradient Border

Minnesota Vikings
Share

CSS Font Gradient

The Best Minnesota Vikings Tailwind CSS Landing Pages

Shade of Minnesota Vikings

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