Seamless monochrome navy and blue linear gradient

Linear gradient, 7 colors at 90°: #101827, #142339, #183451, #20516a, #2b6073, #213c4f, #101827. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#101827
#142339
#183451
#20516a
#2b6073
#213c4f
#101827

CSS

background: linear-gradient(90deg in oklch, oklch(20.87% 0.0317 262.27) 0.0%, oklch(25.49% 0.0468 258.10) 16.7%, oklch(31.89% 0.0620 250.64) 33.3%, oklch(41.24% 0.0666 234.33) 50.0%, oklch(46.06% 0.0634 224.22) 66.7%, oklch(34.35% 0.0476 241.59) 83.3%, oklch(20.87% 0.0317 262.27) 100.0%);

In these collections

App background gradients