Purple Haze Gradient
Deep violet fading into dusty pink.
Open in the gradient generator →
Color Stops
#654EA3
#EAAFC8
Purple Haze CSS Code
HEX Copy
background: #654EA3; background: linear-gradient(315deg, #654EA3 0%, #EAAFC8 100%);
RGBA Copy
background: rgba(101, 78, 163, 1.0); background: linear-gradient(315deg, rgba(101, 78, 163, 1.0) 0%, rgba(234, 175, 200, 1.0) 100%);
HSLA Copy
background: hsla(256, 35%, 47%, 1.0); background: linear-gradient(315deg, hsla(256, 35%, 47%, 1.0) 0%, hsla(335, 58%, 80%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Purple Haze gradient?Deep violet fading into dusty pink.
What's the CSS code for the Purple Haze gradient?
Use
background: linear-gradient(315deg, #654EA3 0%, #EAAFC8 100%);. RGBA and HSLA versions are also available on this page.