Waterloo and Mystic blend to create a soothing, mystical gradient.
#757f9a
#d7dde8
/* Mystic CSS Linear Gradient Background */
.gradient {
background: #757F9A;
background: linear-gradient(
to right,
#757F9A,#D7DDE8
);
}
/* Mystic TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#757F9A] to-[#D7DDE8]"></div>
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.
@marthatalks