🎨 Great for a summer-themed design or a calming environment.
💡 This gradient combines two colors named after famous beach destinations.
/* Green Beach CSS Linear Gradient Background */
.gradient {
background: #02AAB0;
background: linear-gradient(
to right,
#02AAB0,#00CDAC
);
}
TailwindCSS Linear Gradient/* Green Beach TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#02AAB0] to-[#00CDAC]"></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.
