Synthwave gradient
Retro

Synthwave Gradient

4 stops · hard-light · waves

CSS

background: linear-gradient(90deg, #1A1A2E 0.0%, #E94560 33.3%, #0F3460 66.7%, #F5B546 100.0%);

Flat CSS approximation of the color stops — the real gradient above is rendered with independent curve-based color flow, not a straight linear blend. Open the editor for the real thing.

Color stops

#1A1A2E
#E94560
#0F3460
#F5B546

More Retro gradients