Schwarz und Grau, lineare Farbfelder

Lineare Farbfelder, 32 Farben im Winkel von 135°: #20272c, #4e5e68, #abb5b9, #b6bcbe, #444d50. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

7 bearbeitbare 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, oklch(26.77% 0.0138 241.87) 0.000% 3.125%, oklch(28.17% 0.0151 240.95) 3.125% 6.250%, oklch(30.09% 0.0171 239.59) 6.250% 9.375%, oklch(32.40% 0.0194 238.07) 9.375% 12.500%, oklch(34.99% 0.0215 236.66) 12.500% 15.625%, oklch(37.73% 0.0232 235.65) 15.625% 18.750%, oklch(40.62% 0.0244 235.30) 18.750% 21.875%, oklch(43.80% 0.0255 235.54) 21.875% 25.000%, oklch(47.20% 0.0264 235.97) 25.000% 28.125%, oklch(50.73% 0.0267 236.20) 28.125% 31.250%, oklch(54.32% 0.0264 235.85) 31.250% 34.375%, oklch(58.00% 0.0253 234.60) 34.375% 37.500%, oklch(61.98% 0.0232 232.61) 37.500% 40.625%, oklch(66.06% 0.0205 230.17) 40.625% 43.750%, oklch(70.02% 0.0176 227.56) 43.750% 46.875%, oklch(73.61% 0.0149 225.04) 46.875% 50.000%, oklch(76.77% 0.0127 222.76) 50.000% 53.125%, oklch(80.11% 0.0102 220.16) 53.125% 56.250%, oklch(83.25% 0.0079 217.52) 56.250% 59.375%, oklch(85.67% 0.0058 215.23) 59.375% 62.500%, oklch(86.82% 0.0045 213.72) 62.500% 65.625%, oklch(86.15% 0.0042 213.41) 65.625% 68.750%, oklch(83.42% 0.0052 214.58) 68.750% 71.875%, oklch(79.19% 0.0071 216.75) 71.875% 75.000%, oklch(74.13% 0.0094 219.29) 75.000% 78.125%, oklch(68.93% 0.0113 221.58) 78.125% 81.250%, oklch(64.22% 0.0125 223.02) 81.250% 84.375%, oklch(59.29% 0.0130 223.68) 84.375% 87.500%, oklch(53.99% 0.0130 223.95) 87.500% 90.625%, oklch(48.86% 0.0128 223.97) 90.625% 93.750%, oklch(44.45% 0.0125 223.90) 93.750% 96.875%, oklch(41.34% 0.0124 223.91) 96.875% 100.000%);

In diesen Sammlungen

Farbverläufe in Grau Farbverläufe in kühlem Grau