🎨 Use this gradient for a bold, dramatic effect.
💡 Purple, a color often associated with royalty, combined with red, symbolizes power and passion.
/* Purple Love CSS Linear Gradient Background */
.gradient {
background: #cc2b5e;
background: linear-gradient(
to right,
#cc2b5e,#753a88
);
}
TailwindCSS Linear Gradient/* Purple Love TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#cc2b5e] to-[#753a88]"></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.
