Cyberpunk Neon Gradient
Magenta and cyan collide for a high-voltage look.
Open in the gradient generator → Color Stops
#FC00FF
#00DBDE
Cyberpunk Neon CSS Code
HEX Copy
background: #FC00FF; background: linear-gradient(315deg, #FC00FF 0%, #00DBDE 100%);
RGBA Copy
background: rgba(252, 0, 255, 1.0); background: linear-gradient(315deg, rgba(252, 0, 255, 1.0) 0%, rgba(0, 219, 222, 1.0) 100%);
HSLA Copy
background: hsla(299, 100%, 50%, 1.0); background: linear-gradient(315deg, hsla(299, 100%, 50%, 1.0) 0%, hsla(181, 100%, 44%, 1.0) 100%);