Neon Pulse CSS Gradient
A neon, pink, dark radial gradient you can drop into any project. Copy the CSS below and use it as a background for hero sections, cards, buttons, or full pages.
The CSS
background-color: oklch(0.145 0 0);
background-image: radial-gradient(circle at 50% 50%, oklch(0.637 0.249 20.732) 0%, transparent 35%), radial-gradient(circle at 20% 80%, oklch(0.636 0.305 319.947) 0%, transparent 40%), radial-gradient(circle at 80% 20%, oklch(0.844 0.146 209.285) 0%, transparent 40%);The colors
The colors this gradient blends between. Open any of them for a full breakdown — shades, harmonies, and contrast.
Related gradients
More gradient tools
Browse the full gallery of CSS gradients, build animated backgrounds with the Shader Maker, or generate soft multi-color backgrounds with the Mesh Gradient Generator.