Midnight blue turquoise horizon

Linear gradient, 7 colors at 90°: #1d1b22, #1c203d, #0b3182, #004ccd, #006ef0, #1891df, #2fb1a4. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#1d1b22
#1c203d
#0b3182
#004ccd
#006ef0
#1891df
#2fb1a4

CSS

background: linear-gradient(90deg in oklch, oklch(22.83% 0.0124 295.31) 0.0%, oklch(25.59% 0.0537 275.23) 16.7%, oklch(34.65% 0.1433 262.55) 33.3%, oklch(46.85% 0.2094 261.52) 50.0%, oklch(56.70% 0.2131 258.34) 66.7%, oklch(63.39% 0.1516 244.59) 83.3%, oklch(68.90% 0.1102 185.41) 100.0%);

In these collections

Dark mode UI gradients