Plasma Ring Gradient
Conic sweep of hot pink, purple, and electric blue.
Open in the gradient generator →
Color Stops
#FF006E
#8338EC
#3A86FF
#FF006E
Plasma Ring CSS Code
HEX Copy
background: #FF006E; background: conic-gradient(from 90deg, #FF006E 0%, #8338EC 33%, #3A86FF 67%, #FF006E 100%);
RGBA Copy
background: rgba(255, 0, 110, 1.0); background: conic-gradient(from 90deg, rgba(255, 0, 110, 1.0) 0%, rgba(131, 56, 236, 1.0) 33%, rgba(58, 134, 255, 1.0) 67%, rgba(255, 0, 110, 1.0) 100%);
HSLA Copy
background: hsla(334, 100%, 50%, 1.0); background: conic-gradient(from 90deg, hsla(334, 100%, 50%, 1.0) 0%, hsla(265, 83%, 57%, 1.0) 33%, hsla(217, 100%, 61%, 1.0) 67%, hsla(334, 100%, 50%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Plasma Ring gradient?Conic sweep of hot pink, purple, and electric blue.
What's the CSS code for the Plasma Ring gradient?
Use
background: conic-gradient(from 90deg, #FF006E 0%, #8338EC 33%, #3A86FF 67%, #FF006E 100%);. RGBA and HSLA versions are also available on this page.