Purple and Yellow Harmony Gradient

Export Purple and Yellow Harmony gradient CSS

.gradient {
    background-image: linear-gradient(to right, #A77BCA, #F6D55C, #3F88C5);
}CopyCopy color string background-image: linear-gradient(to right, #A77BCA, #F6D55C, #3F88C5);

TailwindCSS Export

<span class="bg-gradient-to-r from-[#A77BCA] via-[#F6D55C] to-[#3F88C5]"></span>CopyCopy color string bg-gradient-to-r from-[#A77BCA] via-[#F6D55C] to-[#3F88C5]

Download Purple and Yellow Harmony gradient as high-quality image