Between Night and Day

A gradient of mystery and curiosity, transitioning from deep bluewood to vibrant curious blue.

🎨 Great for a night-to-day transition effect.

💡 Blue gradients are often used in design to evoke feelings of calm and tranquility.

Pickled Bluewood
#2C3E50
Curious Blue
#3498DB

CSS Linear Gradient Code

/* Between Night and Day CSS Linear Gradient Background */
.gradient {
  background: #2c3e50;
  background: linear-gradient(
    to right,
    #2c3e50,#3498db
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Between Night and Day TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#2c3e50] to-[#3498db]"></div>

Between Night and Day - 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 Between Night and Day color palette gradient background 👍
May 8, 2024 at 5:56 PM

CSS Linear Gradient Button

Home
Why Between Night and Day?

Linear Gradient Border

Between Night and Day
Share

CSS Font Gradient

The Best Between Night and Day Tailwind CSS Landing Pages

Shade of Between Night and Day

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