Neon Pulse Gradient
Conic sweep of hot pink, cyan, and electric yellow.
Open in the gradient generator →
Color Stops
#FF00E5
#00F0FF
#F9F871
#FF00E5
Neon Pulse CSS Code
HEX Copy
background: #FF00E5; background: conic-gradient(from 90deg, #FF00E5 0%, #00F0FF 33%, #F9F871 67%, #FF00E5 100%);
RGBA Copy
background: rgba(255, 0, 229, 1.0); background: conic-gradient(from 90deg, rgba(255, 0, 229, 1.0) 0%, rgba(0, 240, 255, 1.0) 33%, rgba(249, 248, 113, 1.0) 67%, rgba(255, 0, 229, 1.0) 100%);
HSLA Copy
background: hsla(306, 100%, 50%, 1.0); background: conic-gradient(from 90deg, hsla(306, 100%, 50%, 1.0) 0%, hsla(184, 100%, 50%, 1.0) 33%, hsla(60, 92%, 71%, 1.0) 67%, hsla(306, 100%, 50%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Neon Pulse gradient?Conic sweep of hot pink, cyan, and electric yellow.
What's the CSS code for the Neon Pulse gradient?
Use
background: conic-gradient(from 90deg, #FF00E5 0%, #00F0FF 33%, #F9F871 67%, #FF00E5 100%);. RGBA and HSLA versions are also available on this page.