🎨 Great for a lively, energetic design or theme.
💡 This gradient combines the tranquility of Danube, the freshness of Monte Carlo, and the romance of Carissma.
/* Hazel CSS Linear Gradient Background */
.gradient {
background: #77A1D3;
background: linear-gradient(
to right,
#77A1D3,#79CBCA,#E684AE
);
}
TailwindCSS Linear Gradient/* Hazel TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#77A1D3] via-[#79CBCA] to-[#E684AE]"></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.
