Orange bis Grau in Pastell, linearer Farbverlauf

Palette Orange bis Grau in Pastell mit 32 Farben. #ff834d, #ffa164, #f5bf88, #ddcdb6, #c2c9d6. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

32 Farben, 6 bearbeitbare OKLCH-Keyframes.

#ff834d
#ff854e
#ff8951
#ff8d54
#ff9157
#ff955a
#ff995d
#ff9d60
#ffa164
#fea669
#feaa6d
#fdae72
#fcb276
#fab57b
#f9b97f
#f7bc83
#f5bf88
#f3c28c
#f0c591
#ecc897
#e9c99f
#e6cba7
#e2ccaf
#ddcdb6
#d8cfbb
#d2d0bf
#ccd0c3
#c5d1c7
#c0d0cd
#beced2
#bfcbd5
#c2c9d6

CSS

background: linear-gradient(0deg in oklch, oklch(74.01% 0.1662 42.89) 0.0%, oklch(74.42% 0.1636 43.64) 3.2%, oklch(74.98% 0.1601 44.66) 6.5%, oklch(75.64% 0.1561 45.87) 9.7%, oklch(76.37% 0.1518 47.21) 12.9%, oklch(77.11% 0.1475 48.61) 16.1%, oklch(77.82% 0.1435 50.02) 19.4%, oklch(78.50% 0.1398 51.38) 22.6%, oklch(79.23% 0.1351 52.77) 25.8%, oklch(79.97% 0.1303 54.20) 29.0%, oklch(80.70% 0.1253 55.71) 32.3%, oklch(81.40% 0.1203 57.32) 35.5%, oklch(82.05% 0.1151 59.06) 38.7%, oklch(82.62% 0.1099 60.93) 41.9%, oklch(83.16% 0.1049 62.83) 45.2%, oklch(83.67% 0.0999 64.83) 48.4%, oklch(84.13% 0.0947 66.96) 51.6%, oklch(84.53% 0.0890 69.29) 54.8%, oklch(84.87% 0.0827 71.86) 58.1%, oklch(85.14% 0.0755 74.45) 61.3%, oklch(85.33% 0.0665 75.12) 64.5%, oklch(85.47% 0.0564 74.86) 67.7%, oklch(85.55% 0.0460 75.40) 71.0%, oklch(85.56% 0.0363 78.45) 74.2%, oklch(85.52% 0.0282 85.72) 77.4%, oklch(85.40% 0.0225 99.01) 80.6%, oklch(85.17% 0.0194 121.45) 83.9%, oklch(84.83% 0.0180 151.06) 87.1%, oklch(84.43% 0.0179 183.92) 90.3%, oklch(84.04% 0.0185 216.09) 93.5%, oklch(83.70% 0.0192 243.66) 96.8%, oklch(83.46% 0.0193 262.69) 100.0%);

In diesen Sammlungen

Farbverläufe in Orange und Blau