Cosmic Ring Gradient
Conic sweep of deep violet into electric magenta.
Open in the gradient generator →
Color Stops
#0B0033
#5B0EAB
#E100FF
#0B0033
Cosmic Ring CSS Code
HEX Copy
background: #0B0033; background: conic-gradient(from 135deg, #0B0033 0%, #5B0EAB 33%, #E100FF 67%, #0B0033 100%);
RGBA Copy
background: rgba(11, 0, 51, 1.0); background: conic-gradient(from 135deg, rgba(11, 0, 51, 1.0) 0%, rgba(91, 14, 171, 1.0) 33%, rgba(225, 0, 255, 1.0) 67%, rgba(11, 0, 51, 1.0) 100%);
HSLA Copy
background: hsla(253, 100%, 10%, 1.0); background: conic-gradient(from 135deg, hsla(253, 100%, 10%, 1.0) 0%, hsla(269, 85%, 36%, 1.0) 33%, hsla(293, 100%, 50%, 1.0) 67%, hsla(253, 100%, 10%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Cosmic Ring gradient?Conic sweep of deep violet into electric magenta.
What's the CSS code for the Cosmic Ring gradient?
Use
background: conic-gradient(from 135deg, #0B0033 0%, #5B0EAB 33%, #E100FF 67%, #0B0033 100%);. RGBA and HSLA versions are also available on this page.