🎨 Use this gradient for a lively, dynamic design.
💡 Azure Radiance and Amaranth are often used in logos for their bold impact.
/* By Design CSS Linear Gradient Background */
.gradient {
background: #009FFF;
background: linear-gradient(
to right,
#009FFF,#ec2F4B
);
}
TailwindCSS Linear Gradient/* By Design TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#009FFF] to-[#ec2F4B]"></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.
