Frosted Lilac Gradient
Pale lavender deepening into rich violet.
Open in the gradient generator →
Color Stops
#F3E8FF
#C9A7EB
#7B5EA7
Frosted Lilac CSS Code
HEX Copy
background: #F3E8FF; background: radial-gradient(at center, #F3E8FF 0%, #C9A7EB 50%, #7B5EA7 100%);
RGBA Copy
background: rgba(243, 232, 255, 1.0); background: radial-gradient(at center, rgba(243, 232, 255, 1.0) 0%, rgba(201, 167, 235, 1.0) 50%, rgba(123, 94, 167, 1.0) 100%);
HSLA Copy
background: hsla(269, 100%, 95%, 1.0); background: radial-gradient(at center, hsla(269, 100%, 95%, 1.0) 0%, hsla(270, 63%, 79%, 1.0) 50%, hsla(264, 29%, 51%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Frosted Lilac gradient?Pale lavender deepening into rich violet.
What's the CSS code for the Frosted Lilac gradient?
Use
background: radial-gradient(at center, #F3E8FF 0%, #C9A7EB 50%, #7B5EA7 100%);. RGBA and HSLA versions are also available on this page.