Deep ocean blue

Linear gradient, 32 colors at 135°: #000814, #001126, #001e3e, #012a53, #003566. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#000814
#000915
#000a17
#000b19
#000c1b
#000d1e
#000e20
#001023
#001126
#001329
#00142c
#00162f
#001833
#001936
#001b39
#001c3c
#001e3e
#001f41
#002144
#002347
#00244a
#00264d
#012850
#012a53
#002b56
#002d59
#002f5c
#00305e
#003261
#003363
#003464
#003566

CSS

background: linear-gradient(135deg in oklch, oklch(13.05% 0.0340 246.56) 0.0%, oklch(13.43% 0.0353 246.96) 3.2%, oklch(13.87% 0.0369 247.44) 6.5%, oklch(14.39% 0.0387 247.97) 9.7%, oklch(14.96% 0.0408 248.52) 12.9%, oklch(15.59% 0.0431 249.08) 16.1%, oklch(16.25% 0.0455 249.58) 19.4%, oklch(16.95% 0.0480 249.99) 22.6%, oklch(17.67% 0.0506 250.43) 25.8%, oklch(18.41% 0.0534 250.87) 29.0%, oklch(19.16% 0.0562 251.31) 32.3%, oklch(19.91% 0.0591 251.74) 35.5%, oklch(20.66% 0.0621 252.13) 38.7%, oklch(21.39% 0.0649 252.45) 41.9%, oklch(22.09% 0.0674 252.67) 45.2%, oklch(22.76% 0.0698 252.84) 48.4%, oklch(23.41% 0.0720 252.99) 51.6%, oklch(24.08% 0.0742 253.13) 54.8%, oklch(24.78% 0.0764 253.22) 58.1%, oklch(25.50% 0.0786 253.27) 61.3%, oklch(26.23% 0.0808 253.28) 64.5%, oklch(26.96% 0.0830 253.26) 67.7%, oklch(27.69% 0.0852 253.21) 71.0%, oklch(28.41% 0.0872 253.15) 74.2%, oklch(29.11% 0.0893 253.07) 77.4%, oklch(29.79% 0.0912 252.98) 80.6%, oklch(30.43% 0.0930 252.89) 83.9%, oklch(31.02% 0.0947 252.79) 87.1%, oklch(31.57% 0.0963 252.71) 90.3%, oklch(32.06% 0.0977 252.64) 93.5%, oklch(32.49% 0.0989 252.59) 96.8%, oklch(32.84% 0.0999 252.57) 100.0%);

In these collections

Dark blue gradients