Purple Heart Gradient

Export Purple Heart gradient CSS

.gradient {
    background-image: linear-gradient(to right, #8a2ce2, #ba55d3, #d8c0d8);
}CopyCopy color string background-image: linear-gradient(to right, #8a2ce2, #ba55d3, #d8c0d8);

TailwindCSS Export

<span class="bg-gradient-to-r from-[#8a2ce2] via-[#ba55d3] to-[#d8c0d8]"></span>CopyCopy color string bg-gradient-to-r from-[#8a2ce2] via-[#ba55d3] to-[#d8c0d8]

Download Purple Heart gradient as high-quality image