Indigo Spiral Gradient
Conic sweep of near-black into deep violet.
Open in the gradient generator →
Color Stops
#03071E
#370617
#6A0572
#03071E
Indigo Spiral CSS Code
HEX Copy
background: #03071E; background: conic-gradient(from 90deg, #03071E 0%, #370617 33%, #6A0572 67%, #03071E 100%);
RGBA Copy
background: rgba(3, 7, 30, 1.0); background: conic-gradient(from 90deg, rgba(3, 7, 30, 1.0) 0%, rgba(55, 6, 23, 1.0) 33%, rgba(106, 5, 114, 1.0) 67%, rgba(3, 7, 30, 1.0) 100%);
HSLA Copy
background: hsla(231, 82%, 6%, 1.0); background: conic-gradient(from 90deg, hsla(231, 82%, 6%, 1.0) 0%, hsla(339, 80%, 12%, 1.0) 33%, hsla(296, 92%, 23%, 1.0) 67%, hsla(231, 82%, 6%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Indigo Spiral gradient?Conic sweep of near-black into deep violet.
What's the CSS code for the Indigo Spiral gradient?
Use
background: conic-gradient(from 90deg, #03071E 0%, #370617 33%, #6A0572 67%, #03071E 100%);. RGBA and HSLA versions are also available on this page.