Gray linear swatches

Linear swatches, 32 colors at 180°: #e5e6e7, #bec3c5, #8e979a, #616d72, #3b4a51. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#e5e6e7
#e2e3e4
#dee0e1
#dadcdd
#d5d8d9
#d0d3d4
#cacecf
#c4c9ca
#bec3c5
#b8bdbf
#b2b8ba
#acb2b4
#a5acae
#9fa7a9
#99a1a4
#939c9f
#8e979a
#889194
#818b8f
#7b8589
#747f83
#6e797e
#677378
#616d72
#5b686d
#556268
#4f5d63
#4a585e
#46545a
#415056
#3e4c53
#3b4a51

CSS

background: linear-gradient(180deg, oklch(92.52% 0.0014 216.56) 0.000% 3.125%, oklch(91.63% 0.0017 216.67) 3.125% 6.250%, oklch(90.56% 0.0021 216.78) 6.250% 9.375%, oklch(89.33% 0.0026 216.90) 9.375% 12.500%, oklch(87.96% 0.0031 217.02) 12.500% 15.625%, oklch(86.47% 0.0037 217.16) 15.625% 18.750%, oklch(84.87% 0.0043 217.32) 18.750% 21.875%, oklch(83.18% 0.0050 217.48) 21.875% 25.000%, oklch(81.42% 0.0057 217.67) 25.000% 28.125%, oklch(79.61% 0.0064 217.87) 28.125% 31.250%, oklch(77.76% 0.0071 218.09) 31.250% 34.375%, oklch(75.89% 0.0078 218.33) 34.375% 37.500%, oklch(74.02% 0.0086 218.60) 37.500% 40.625%, oklch(72.17% 0.0093 218.89) 40.625% 43.750%, oklch(70.35% 0.0100 219.20) 43.750% 46.875%, oklch(68.58% 0.0107 219.55) 46.875% 50.000%, oklch(66.85% 0.0114 219.93) 50.000% 53.125%, oklch(65.02% 0.0121 220.38) 53.125% 56.250%, oklch(63.08% 0.0128 220.89) 56.250% 59.375%, oklch(61.07% 0.0136 221.45) 59.375% 62.500%, oklch(59.00% 0.0145 222.05) 62.500% 65.625%, oklch(56.90% 0.0153 222.69) 65.625% 68.750%, oklch(54.79% 0.0161 223.34) 68.750% 71.875%, oklch(52.71% 0.0169 223.99) 71.875% 75.000%, oklch(50.67% 0.0177 224.65) 75.000% 78.125%, oklch(48.70% 0.0185 225.29) 78.125% 81.250%, oklch(46.82% 0.0193 225.90) 81.250% 84.375%, oklch(45.07% 0.0200 226.47) 84.375% 87.500%, oklch(43.46% 0.0206 227.00) 87.500% 90.625%, oklch(42.03% 0.0212 227.47) 90.625% 93.750%, oklch(40.78% 0.0216 227.87) 93.750% 96.875%, oklch(39.76% 0.0220 228.19) 96.875% 100.000%);

In these collections

Gray gradients Cool gray gradients