Grau, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 315°: #a9bcaf, #b7c7b8, #c9d4c3, #d7dbc7, #e3dfcc. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#a9bcaf
#aabcaf
#abbeb0
#adbfb1
#afc0b3
#b0c2b4
#b3c4b5
#b5c5b7
#b7c7b8
#b9c9ba
#bccbbb
#becdbd
#c1cebe
#c3d0c0
#c5d1c1
#c7d3c2
#c9d4c3
#cbd5c3
#cdd6c4
#cfd7c5
#d1d8c6
#d3d9c6
#d5dac7
#d7dbc7
#d9dbc8
#dbdcc8
#ddddc9
#deddca
#e0deca
#e1decb
#e2dfcb
#e3dfcc

CSS

background: linear-gradient(315deg in oklch, oklch(77.56% 0.0276 156.09) 0.0%, oklch(77.85% 0.0275 155.36) 3.2%, oklch(78.21% 0.0274 154.52) 6.5%, oklch(78.64% 0.0274 153.59) 9.7%, oklch(79.11% 0.0273 152.56) 12.9%, oklch(79.63% 0.0272 151.44) 16.1%, oklch(80.18% 0.0271 150.23) 19.4%, oklch(80.76% 0.0270 148.93) 22.6%, oklch(81.35% 0.0268 147.55) 25.8%, oklch(81.95% 0.0267 146.10) 29.0%, oklch(82.55% 0.0266 144.57) 32.3%, oklch(83.14% 0.0265 142.96) 35.5%, oklch(83.71% 0.0264 141.29) 38.7%, oklch(84.26% 0.0263 139.56) 41.9%, oklch(84.76% 0.0263 137.76) 45.2%, oklch(85.22% 0.0262 135.91) 48.4%, oklch(85.64% 0.0262 133.97) 51.6%, oklch(86.03% 0.0261 131.78) 54.8%, oklch(86.43% 0.0261 129.37) 58.1%, oklch(86.81% 0.0261 126.76) 61.3%, oklch(87.18% 0.0261 124.01) 64.5%, oklch(87.53% 0.0261 121.16) 67.7%, oklch(87.88% 0.0261 118.26) 71.0%, oklch(88.21% 0.0261 115.34) 74.2%, oklch(88.52% 0.0261 112.46) 77.4%, oklch(88.82% 0.0261 109.65) 80.6%, oklch(89.09% 0.0261 106.97) 83.9%, oklch(89.35% 0.0261 104.45) 87.1%, oklch(89.59% 0.0262 102.14) 90.3%, oklch(89.80% 0.0262 100.09) 93.5%, oklch(89.99% 0.0262 98.33) 96.8%, oklch(90.16% 0.0262 96.92) 100.0%);

In diesen Sammlungen

Farbverläufe in sanften Neutraltönen