Seamless gray angular swatches

Angular swatches, 32 colors at 225°: #c8c4ce, #96929d, #74717d, #95929c, #c5c4ca. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#c8c4ce
#c5c1ca
#c0bcc6
#bab6c0
#b4b0ba
#ada9b3
#a5a1ac
#9e9aa5
#96929d
#8f8b97
#888590
#827f8a
#7d7a85
#797681
#76737e
#74717d
#74717d
#75737e
#787681
#7c7a84
#817f89
#87858f
#8e8b95
#95929c
#9c9aa2
#a3a1a9
#aaa9b0
#b1b0b7
#b8b6bd
#bdbcc2
#c2c0c7
#c5c4ca

CSS

background: conic-gradient(from 225deg, oklch(82.68% 0.0138 305.86) 0.000% 3.125%, oklch(81.59% 0.0140 305.54) 3.125% 6.250%, oklch(80.11% 0.0142 305.13) 6.250% 9.375%, oklch(78.31% 0.0145 304.64) 9.375% 12.500%, oklch(76.26% 0.0149 304.10) 12.500% 15.625%, oklch(74.02% 0.0153 303.50) 15.625% 18.750%, oklch(71.66% 0.0157 302.86) 18.750% 21.875%, oklch(69.24% 0.0161 302.20) 21.875% 25.000%, oklch(66.82% 0.0166 301.53) 25.000% 28.125%, oklch(64.48% 0.0169 300.86) 28.125% 31.250%, oklch(62.27% 0.0173 300.20) 31.250% 34.375%, oklch(60.27% 0.0176 299.57) 34.375% 37.500%, oklch(58.53% 0.0178 298.98) 37.500% 40.625%, oklch(57.13% 0.0180 298.44) 40.625% 43.750%, oklch(56.13% 0.0180 297.97) 43.750% 46.875%, oklch(55.59% 0.0180 297.57) 46.875% 50.000%, oklch(55.57% 0.0178 297.26) 50.000% 53.125%, oklch(56.09% 0.0175 297.01) 53.125% 56.250%, oklch(57.06% 0.0170 296.80) 56.250% 59.375%, oklch(58.44% 0.0165 296.65) 59.375% 62.500%, oklch(60.14% 0.0158 296.53) 62.500% 65.625%, oklch(62.12% 0.0151 296.44) 65.625% 68.750%, oklch(64.29% 0.0144 296.39) 68.750% 71.875%, oklch(66.61% 0.0136 296.35) 71.875% 75.000%, oklch(68.99% 0.0127 296.34) 75.000% 78.125%, oklch(71.39% 0.0119 296.34) 78.125% 81.250%, oklch(73.73% 0.0112 296.35) 81.250% 84.375%, oklch(75.94% 0.0104 296.36) 84.375% 87.500%, oklch(77.97% 0.0097 296.37) 87.500% 90.625%, oklch(79.75% 0.0091 296.38) 90.625% 93.750%, oklch(81.21% 0.0086 296.37) 93.750% 96.875%, oklch(82.28% 0.0083 296.35) 96.875% 100.000%);

In these collections

Gray gradients