Grape Mist Gradient
Purple and blue mesh blobs glowing from their own rich purple base.
Open in the gradient generator →
Color Stops
#8E2DE2
#4A00E0
Background · #8E2DE2
Grape Mist CSS Code
HEX Copy
background: #8E2DE2; background: radial-gradient(at 56% 17%, #8E2DE2, transparent 70%), radial-gradient(at 44% 83%, #4A00E0, transparent 70%), #8E2DE2;
RGBA Copy
background: rgba(142, 45, 226, 1.0); background: radial-gradient(at 56% 17%, rgba(142, 45, 226, 1.0), transparent 70%), radial-gradient(at 44% 83%, rgba(74, 0, 224, 1.0), transparent 70%), rgba(142, 45, 226, 1.0);
HSLA Copy
background: hsla(272, 76%, 53%, 1.0); background: radial-gradient(at 56% 17%, hsla(272, 76%, 53%, 1.0), transparent 70%), radial-gradient(at 44% 83%, hsla(260, 100%, 44%, 1.0), transparent 70%), hsla(272, 76%, 53%, 1.0);
More Gradient Presets
FAQ
What is the Grape Mist gradient?Purple and blue mesh blobs glowing from their own rich purple base.
What's the CSS code for the Grape Mist gradient?
Use
background: radial-gradient(at 56% 17%, #8E2DE2, transparent 70%), radial-gradient(at 44% 83%, #4A00E0, transparent 70%), #8E2DE2;. RGBA and HSLA versions are also available on this page.