Navy, purple and orange linear gradient

Linear gradient, 7 colors at 90°: #1d1b36, #2a3367, #3a4fa1, #744baf, #b2458c, #e4705a, #eda94f. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#1d1b36
#2a3367
#3a4fa1
#744baf
#b2458c
#e4705a
#eda94f

CSS

background: linear-gradient(90deg in oklch, oklch(24.02% 0.0510 285.47) 0.0%, oklch(34.20% 0.0905 272.92) 16.7%, oklch(45.67% 0.1337 269.62) 33.3%, oklch(50.74% 0.1552 300.13) 50.0%, oklch(55.91% 0.1626 343.59) 66.7%, oklch(67.77% 0.1492 32.07) 83.3%, oklch(78.35% 0.1323 71.30) 100.0%);

In these collections

Heatmap gradients