Violet Orange Gradient

Export Violet Orange gradient CSS

.gradient {
    background-image: linear-gradient(to right, #8A2BE2, #FF8C00, #FFD700);
}CopyCopy color string background-image: linear-gradient(to right, #8A2BE2, #FF8C00, #FFD700);

TailwindCSS Export

<span class="bg-gradient-to-r from-[#8A2BE2] via-[#FF8C00] to-[#FFD700]"></span>CopyCopy color string bg-gradient-to-r from-[#8A2BE2] via-[#FF8C00] to-[#FFD700]

Download Violet Orange gradient as high-quality image