Night sky into royal blue

Linear gradient, 32 colors at 135°: #020617, #0b1b49, #1f3c8e, #2f5fc5, #3b82f6. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#020617
#02071b
#03091f
#040b24
#050e2a
#061131
#071439
#091841
#0b1b49
#0e1f52
#10235b
#132764
#152b6d
#183076
#1a347e
#1d3886
#1f3c8e
#214095
#24459d
#264aa5
#284fad
#2b55b6
#2d5abe
#2f5fc5
#3165cd
#336ad4
#356fdb
#3674e2
#3878e8
#397ced
#3a7ff2
#3b82f6

CSS

background: linear-gradient(135deg in oklch, oklch(12.88% 0.0406 264.70) 0.0%, oklch(13.79% 0.0442 264.74) 3.2%, oklch(14.89% 0.0487 264.81) 6.5%, oklch(16.16% 0.0540 264.90) 9.7%, oklch(17.58% 0.0599 265.01) 12.9%, oklch(19.12% 0.0664 265.13) 16.1%, oklch(20.78% 0.0733 265.26) 19.4%, oklch(22.52% 0.0805 265.38) 22.6%, oklch(24.32% 0.0879 265.49) 25.8%, oklch(26.18% 0.0954 265.60) 29.0%, oklch(28.06% 0.1028 265.68) 32.3%, oklch(29.94% 0.1101 265.74) 35.5%, oklch(31.80% 0.1171 265.76) 38.7%, oklch(33.63% 0.1237 265.75) 41.9%, oklch(35.40% 0.1298 265.70) 45.2%, oklch(37.10% 0.1353 265.59) 48.4%, oklch(38.71% 0.1401 265.43) 51.6%, oklch(40.40% 0.1447 265.20) 54.8%, oklch(42.14% 0.1491 264.91) 58.1%, oklch(43.94% 0.1533 264.56) 61.3%, oklch(45.77% 0.1573 264.17) 64.5%, oklch(47.60% 0.1611 263.75) 67.7%, oklch(49.43% 0.1647 263.30) 71.0%, oklch(51.23% 0.1681 262.84) 74.2%, oklch(52.98% 0.1714 262.37) 77.4%, oklch(54.67% 0.1744 261.91) 80.6%, oklch(56.26% 0.1772 261.46) 83.9%, oklch(57.76% 0.1798 261.04) 87.1%, oklch(59.13% 0.1822 260.66) 90.3%, oklch(60.36% 0.1843 260.32) 93.5%, oklch(61.42% 0.1863 260.03) 96.8%, oklch(62.31% 0.1880 259.81) 100.0%);

In these collections

Dark blue gradients