Steel bronze mist diagonal

Gray and brown palette with 56 colors. #93969c, #a3a8ad, #adb2b6, #a7aaaf, #859294, #6b604c, #788070, #b6b9bc. Edit and export CSS, SVG, PNG or a shader.

56 colors, 5 editable OKLCH keyframes.

#93969c
#94989d
#95999f
#979ba1
#999ea3
#9ca0a5
#9ea3a8
#a0a5aa
#a3a8ad
#a5abaf
#a7adb1
#a9afb3
#abb0b4
#acb1b5
#acb2b6
#adb2b6
#adb2b6
#adb2b6
#adb2b6
#adb1b5
#acb0b4
#abafb3
#aaaeb2
#a9acb0
#a7aaaf
#a4a8ad
#a1a6ab
#9ea3a8
#9aa0a5
#949da1
#8d989b
#859294
#7d8d8b
#778680
#717f75
#6e7869
#6c715f
#6c6a56
#6b6450
#6b604c
#6b5d4a
#6b5c4a
#6c5d4b
#6e614e
#706753
#726e5b
#747764
#788070
#7d897d
#84928b
#8c9a97
#96a2a2
#a0a9ab
#a9afb3
#b0b5b8
#b6b9bc

CSS

background: linear-gradient(45deg in oklch, oklch(67.32% 0.0096 258.05) 0.0%, oklch(67.72% 0.0096 257.06) 1.8%, oklch(68.25% 0.0095 255.74) 3.6%, oklch(68.89% 0.0094 254.15) 5.5%, oklch(69.62% 0.0093 252.36) 7.3%, oklch(70.41% 0.0091 250.41) 9.1%, oklch(71.24% 0.0090 248.37) 10.9%, oklch(72.08% 0.0089 246.30) 12.7%, oklch(72.90% 0.0087 244.24) 14.5%, oklch(73.67% 0.0086 242.28) 16.4%, oklch(74.38% 0.0085 240.45) 18.2%, oklch(75.00% 0.0084 238.82) 20.0%, oklch(75.49% 0.0083 237.45) 21.8%, oklch(75.84% 0.0083 236.40) 23.6%, oklch(76.01% 0.0083 235.75) 25.5%, oklch(76.10% 0.0082 236.03) 27.3%, oklch(76.13% 0.0081 237.25) 29.1%, oklch(76.09% 0.0079 239.17) 30.9%, oklch(75.99% 0.0077 241.57) 32.7%, oklch(75.82% 0.0075 244.19) 34.5%, oklch(75.57% 0.0074 246.81) 36.4%, oklch(75.24% 0.0073 249.18) 38.2%, oklch(74.82% 0.0073 251.07) 40.0%, oklch(74.32% 0.0074 252.24) 41.8%, oklch(73.73% 0.0076 252.45) 43.6%, oklch(73.04% 0.0079 251.46) 45.5%, oklch(72.25% 0.0085 249.04) 47.3%, oklch(71.35% 0.0092 244.94) 49.1%, oklch(70.31% 0.0102 238.75) 50.9%, oklch(68.89% 0.0116 229.37) 52.7%, oklch(67.13% 0.0135 217.19) 54.5%, oklch(65.11% 0.0156 202.80) 56.4%, oklch(62.92% 0.0180 186.83) 58.2%, oklch(60.62% 0.0205 169.86) 60.0%, oklch(58.31% 0.0230 152.51) 61.8%, oklch(56.06% 0.0255 135.38) 63.6%, oklch(53.95% 0.0278 119.08) 65.5%, oklch(52.07% 0.0300 104.20) 67.3%, oklch(50.49% 0.0318 91.37) 69.1%, oklch(49.29% 0.0332 81.17) 70.9%, oklch(48.56% 0.0341 74.21) 72.7%, oklch(48.38% 0.0345 71.11) 74.5%, oklch(48.82% 0.0341 72.37) 76.4%, oklch(49.91% 0.0332 77.77) 78.2%, oklch(51.54% 0.0316 86.71) 80.0%, oklch(53.62% 0.0297 98.59) 81.8%, oklch(56.06% 0.0273 112.80) 83.6%, oklch(58.75% 0.0247 128.75) 85.5%, oklch(61.62% 0.0219 145.83) 87.3%, oklch(64.55% 0.0190 163.43) 89.1%, oklch(67.47% 0.0162 180.97) 90.9%, oklch(70.26% 0.0134 197.82) 92.7%, oklch(72.84% 0.0109 213.40) 94.5%, oklch(75.11% 0.0087 227.09) 96.4%, oklch(76.98% 0.0068 238.30) 98.2%, oklch(78.35% 0.0055 246.42) 100.0%);

In these collections

Chrome gradients