Monochrome navy to blue linear gradient

Linear gradient, 32 colors at 180°: #01091a, #011843, #003382, #0069a4, #009ec8. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#01091a
#010b1d
#010c20
#010e25
#010f2a
#011130
#011336
#01163c
#011843
#021a4b
#021d52
#03205a
#042362
#04266a
#042a72
#022e7a
#003382
#003986
#00408a
#00488f
#005094
#005899
#00609f
#0069a4
#0071aa
#0079af
#0080b4
#0088b9
#008ebe
#0094c2
#0099c5
#009ec8

CSS

background: linear-gradient(180deg in oklch, oklch(14.17% 0.0400 255.23) 0.0%, oklch(14.87% 0.0437 255.50) 3.2%, oklch(15.67% 0.0482 255.95) 6.5%, oklch(16.57% 0.0536 256.53) 9.7%, oklch(17.57% 0.0596 257.21) 12.9%, oklch(18.66% 0.0661 257.96) 16.1%, oklch(19.84% 0.0730 258.74) 19.4%, oklch(21.09% 0.0803 259.51) 22.6%, oklch(22.41% 0.0878 260.23) 25.8%, oklch(23.79% 0.0955 260.87) 29.0%, oklch(25.23% 0.1031 261.39) 32.3%, oklch(26.72% 0.1107 261.76) 35.5%, oklch(28.25% 0.1180 261.94) 38.7%, oklch(29.82% 0.1250 261.89) 41.9%, oklch(31.42% 0.1316 261.57) 45.2%, oklch(33.04% 0.1377 260.95) 48.4%, oklch(34.71% 0.1419 260.04) 51.6%, oklch(36.56% 0.1393 258.64) 54.8%, oklch(38.57% 0.1360 256.84) 58.1%, oklch(40.73% 0.1328 254.72) 61.3%, oklch(42.99% 0.1299 252.32) 64.5%, oklch(45.32% 0.1274 249.73) 67.7%, oklch(47.69% 0.1253 246.98) 71.0%, oklch(50.05% 0.1238 244.15) 74.2%, oklch(52.39% 0.1227 241.29) 77.4%, oklch(54.66% 0.1221 238.47) 80.6%, oklch(56.83% 0.1218 235.75) 83.9%, oklch(58.86% 0.1219 233.17) 87.1%, oklch(60.73% 0.1222 230.82) 90.3%, oklch(62.39% 0.1226 228.74) 93.5%, oklch(63.81% 0.1232 227.00) 96.8%, oklch(64.96% 0.1238 225.66) 100.0%);

In these collections

Cyberpunk gradients Synthwave gradients