Crystal Clear

Crystal Clear: Salem #159957 meets Fun Blue #155799 for a refreshing, vibrant blend.

🎨 Use this gradient for a lively, energetic design.

💡 This gradient combines Salem, a color named after a city in Massachusetts, and Fun Blue.

Salem
#159957
Fun Blue
#155799

CSS Linear Gradient Code

/* Crystal Clear CSS Linear Gradient Background */
.gradient {
  background: #159957;
  background: linear-gradient(
    to right,
    #159957,#155799
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Crystal Clear TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#159957] to-[#155799]"></div>

Crystal Clear - 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 Crystal Clear color palette gradient background 👍
May 8, 2024 at 7:59 PM

CSS Linear Gradient Button

Home
Why Crystal Clear?

Linear Gradient Border

Crystal Clear
Share

CSS Font Gradient

The Best Crystal Clear Tailwind CSS Landing Pages

Shade of Crystal Clear

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