Black to gray linear gradient

Black to gray palette with 32 colors. #20272c, #303c44, #576873, #86959d, #c3c9cb, #c5c9cb, #768084, #444d50. Edit and export CSS, SVG, PNG or a shader.

32 colors, 7 editable OKLCH keyframes.

#20272c
#232a30
#262f36
#2b353d
#303c44
#36444c
#3d4c55
#45545e
#4e5e68
#576873
#61727d
#6c7d87
#798992
#86959d
#94a1a7
#a0acb1
#abb5b9
#b7c0c3
#c3c9cb
#ccd1d2
#d0d4d5
#ced2d3
#c5c9cb
#b6bcbe
#a5adaf
#949da0
#858f92
#768084
#677074
#596265
#4d5559
#444d50

CSS

background: linear-gradient(135deg in oklch, oklch(26.77% 0.0138 241.87) 0.0%, oklch(28.17% 0.0151 240.95) 3.2%, oklch(30.09% 0.0171 239.59) 6.5%, oklch(32.40% 0.0194 238.07) 9.7%, oklch(34.99% 0.0215 236.66) 12.9%, oklch(37.73% 0.0232 235.65) 16.1%, oklch(40.62% 0.0244 235.30) 19.4%, oklch(43.80% 0.0255 235.54) 22.6%, oklch(47.20% 0.0264 235.97) 25.8%, oklch(50.73% 0.0267 236.20) 29.0%, oklch(54.32% 0.0264 235.85) 32.3%, oklch(58.00% 0.0253 234.60) 35.5%, oklch(61.98% 0.0232 232.61) 38.7%, oklch(66.06% 0.0205 230.17) 41.9%, oklch(70.02% 0.0176 227.56) 45.2%, oklch(73.61% 0.0149 225.04) 48.4%, oklch(76.77% 0.0127 222.76) 51.6%, oklch(80.11% 0.0102 220.16) 54.8%, oklch(83.25% 0.0079 217.52) 58.1%, oklch(85.67% 0.0058 215.23) 61.3%, oklch(86.82% 0.0045 213.72) 64.5%, oklch(86.15% 0.0042 213.41) 67.7%, oklch(83.42% 0.0052 214.58) 71.0%, oklch(79.19% 0.0071 216.75) 74.2%, oklch(74.13% 0.0094 219.29) 77.4%, oklch(68.93% 0.0113 221.58) 80.6%, oklch(64.22% 0.0125 223.02) 83.9%, oklch(59.29% 0.0130 223.68) 87.1%, oklch(53.99% 0.0130 223.95) 90.3%, oklch(48.86% 0.0128 223.97) 93.5%, oklch(44.45% 0.0125 223.90) 96.8%, oklch(41.34% 0.0124 223.91) 100.0%);

In these collections

Cool gray gradients Gray gradients