Black and gray linear swatches

Linear swatches, 32 colors at 315°: #292427, #41373d, #635159, #806c73, #9b868c. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#292427
#2b2629
#2d282b
#302a2d
#332c30
#362e33
#393136
#3d3439
#41373d
#453a40
#4a3d44
#4e4048
#52444b
#57474f
#5b4a52
#5f4e56
#635159
#66545c
#6b5860
#6f5c64
#736068
#78646b
#7c686f
#806c73
#847077
#88747b
#8c787e
#907b82
#937f85
#968288
#99848a
#9b868c

CSS

background: linear-gradient(315deg, oklch(26.77% 0.0083 338.20) 0.000% 3.125%, oklch(27.43% 0.0090 338.59) 3.125% 6.250%, oklch(28.21% 0.0098 339.05) 6.250% 9.375%, oklch(29.12% 0.0109 339.58) 9.375% 12.500%, oklch(30.13% 0.0121 340.18) 12.500% 15.625%, oklch(31.23% 0.0134 340.83) 15.625% 18.750%, oklch(32.41% 0.0147 341.53) 18.750% 21.875%, oklch(33.65% 0.0161 342.26) 21.875% 25.000%, oklch(34.95% 0.0176 343.02) 25.000% 28.125%, oklch(36.28% 0.0190 343.80) 28.125% 31.250%, oklch(37.63% 0.0204 344.59) 31.250% 34.375%, oklch(39.00% 0.0218 345.39) 34.375% 37.500%, oklch(40.36% 0.0230 346.18) 37.500% 40.625%, oklch(41.70% 0.0241 346.95) 40.625% 43.750%, oklch(43.01% 0.0251 347.70) 43.750% 46.875%, oklch(44.27% 0.0259 348.42) 46.875% 50.000%, oklch(45.50% 0.0265 349.12) 50.000% 53.125%, oklch(46.78% 0.0269 349.84) 53.125% 56.250%, oklch(48.14% 0.0272 350.59) 56.250% 59.375%, oklch(49.54% 0.0274 351.37) 59.375% 62.500%, oklch(50.97% 0.0275 352.15) 62.500% 65.625%, oklch(52.42% 0.0275 352.95) 65.625% 68.750%, oklch(53.87% 0.0274 353.74) 68.750% 71.875%, oklch(55.31% 0.0273 354.52) 71.875% 75.000%, oklch(56.70% 0.0272 355.28) 75.000% 78.125%, oklch(58.05% 0.0270 356.02) 78.125% 81.250%, oklch(59.34% 0.0268 356.71) 81.250% 84.375%, oklch(60.54% 0.0266 357.36) 84.375% 87.500%, oklch(61.64% 0.0265 357.96) 87.500% 90.625%, oklch(62.62% 0.0263 358.49) 90.625% 93.750%, oklch(63.47% 0.0262 358.95) 93.750% 96.875%, oklch(64.17% 0.0262 359.34) 96.875% 100.000%);

In these collections

Gray gradients