A vibrant blend of Mulberry and Froly, this gradient combines deep purple with a lively pink for a dynamic, energetic feel.
#c84e89
#f15f79
/* Purple CSS Linear Gradient Background */
.gradient {
background: #c84e89;
background: linear-gradient(
to right,
#c84e89,#F15F79
);
}
/* Purple TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#c84e89] to-[#F15F79]"></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