Dark Blue Gradient

A deep dive into the ocean with Jelly Bean and Midnight Blue, a mysterious and captivating gradient.

🎨 Great for a night theme or a professional setting.

💡 Midnight Blue is often associated with depth, stability, and tranquility, just like the deep ocean.

Jelly Bean
#2774AE
Midnight Blue
#002E5D
Midnight Blue
#002E5D

CSS Linear Gradient Code

/* Dark Blue Gradient CSS Linear Gradient Background */
.gradient {
  background: #2774ae;
  background: linear-gradient(
    to right,
    #2774ae,#002E5D,#002E5D
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Dark Blue Gradient TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#2774ae] via-[#002E5D] to-[#002E5D]"></div>

Dark Blue Gradient - 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 Dark Blue Gradient color palette gradient background 👍
December 21, 2024 at 4:16 PM

CSS Linear Gradient Button

Home
Why Dark Blue Gradient?

Linear Gradient Border

Dark Blue Gradient
Share

CSS Font Gradient

The Best Dark Blue Gradient Tailwind CSS Landing Pages

Shade of Dark Blue Gradient

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