SynthwaveLinear · 2 stops
Neon CSS gradients
Browse neon CSS gradients that blend saturated magenta, violet, electric blue and coral at full chroma, with linear and radial examples. These 24 selected examples come from the existing gradient library.
Use this gradient.
Neon blends are for small, deliberate moments: a button, a highlight, a poster panel. Give them a dark or near-white surround so they do not compete with the content.
Text over gradients.
Saturated stops can differ strongly in hue yet barely differ in lightness. Keep text on a solid surface beside the blend, or check the exact pair and prefer large text over it.
CSS for Fuchsia Pulse
background: linear-gradient(160deg, #A700D0 0%, #F741B9 100%);
background: linear-gradient(160deg in oklab, #A700D0 0%, #F741B9 100%);The first declaration supplies an sRGB fallback; the second interpolates in OKLab. Create a gradient with your own colours and stops.