Gray, navy, black and brown linear gradient

Gray, navy, black and brown color palette

Linear gradient, 32 colors at 90°: #645858, #02042c, #000000, #380400, #a05200. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#645858
#5d4f52
#51424c
#403547
#2e2a42
#1f213c
#111737
#060d32
#02042c
#010027
#000021
#000312
#000310
#000115
#01000e
#010003
#000000
#000000
#000000
#010000
#0a0000
#1a0000
#2a0000
#380400
#470b00
#561400
#651e00
#722800
#803400
#8d4000
#984b00
#a05200

CSS

background: linear-gradient(90deg in oklch, oklch(47.24% 0.0152 20.39) 0.0%, oklch(44.19% 0.0198 3.62) 3.2%, oklch(39.82% 0.0263 339.06) 6.5%, oklch(34.88% 0.0339 312.77) 9.7%, oklch(30.13% 0.0420 290.81) 12.9%, oklch(26.07% 0.0507 278.06) 16.1%, oklch(22.03% 0.0617 271.77) 19.4%, oklch(18.18% 0.0731 269.32) 22.6%, oklch(14.83% 0.0819 268.46) 25.8%, oklch(12.44% 0.0838 266.99) 29.0%, oklch(11.13% 0.0771 264.05) 32.3%, oklch(10.37% 0.0434 260.46) 35.5%, oklch(10.04% 0.0395 259.31) 38.7%, oklch(9.44% 0.0585 264.19) 41.9%, oklch(7.91% 0.0475 278.40) 45.2%, oklch(5.72% 0.0296 305.97) 48.4%, oklch(3.44% 0.0133 338.78) 51.6%, oklch(2.18% 0.0018 7.46) 54.8%, oklch(2.76% 0.0013 25.07) 58.1%, oklch(5.32% 0.0143 31.98) 61.3%, oklch(9.19% 0.0352 31.65) 64.5%, oklch(13.65% 0.0560 29.25) 67.7%, oklch(17.95% 0.0722 29.89) 71.0%, oklch(21.93% 0.0822 32.41) 74.2%, oklch(26.08% 0.0919 34.81) 77.4%, oklch(30.29% 0.1008 37.23) 80.6%, oklch(34.38% 0.1083 39.81) 83.9%, oklch(38.30% 0.1139 42.76) 87.1%, oklch(42.43% 0.1184 46.43) 90.3%, oklch(46.45% 0.1222 50.35) 93.5%, oklch(49.92% 0.1254 53.85) 96.8%, oklch(52.36% 0.1277 56.28) 100.0%);

In these collections

Halloween gradients