Royal Blue Gradient

Export Royal Blue gradient CSS

.gradient {
    background-image: linear-gradient(to right, #4169E1, #6A5ACD, #8A2BE2);
}CopyCopy color string background-image: linear-gradient(to right, #4169E1, #6A5ACD, #8A2BE2);

TailwindCSS Export

<span class="bg-gradient-to-r from-[#4169E1] via-[#6A5ACD] to-[#8A2BE2]"></span>CopyCopy color string bg-gradient-to-r from-[#4169E1] via-[#6A5ACD] to-[#8A2BE2]

Download Royal Blue gradient as high-quality image