purple CSS Gradient | SheCodes

CSS Gradient

background: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);

Back to all gradients

More Purple CSS Gradients

CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
CSS Code Go fullscreen
👩‍💻

What is SheCodes?

SheCodes teaches coding skills to busy women
Start your dream career in tech

Learn more about SheCodes

4.9/5, our workshops are highly recommended by
200,000+ women, including employees from these companies

📬

Join Our Mailing List

Be the first to know about upcoming coding workshops, new coding tools, and other SheCodes related news.