Analoges Braun, Orange und Beige, radialer Farbverlauf

Farbpalette Analoges Braun, Orange und Beige

Radialer Farbverlauf, 80 Farben: #422107, #b6600c, #f4a000, #fcd15d, #fef7d5. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

4 bearbeitbare OKLCH-Keyframes.

#422107
#452207
#482407
#4c2608
#502808
#552b09
#5a2e09
#603009
#65340a
#6b370a
#723a0b
#783e0b
#7f410c
#86450c
#8d490c
#944d0c
#9b510d
#a2540d
#a9580d
#b05c0d
#b6600c
#bd640c
#c3680b
#c96c0b
#ce6f0a
#d37308
#d77607
#db7905
#df7c03
#e27f00
#e58200
#e78500
#ea8900
#ec8c00
#ed8f00
#ef9200
#f09400
#f19700
#f29a00
#f39d00
#f4a000
#f5a200
#f5a500
#f6a700
#f7aa00
#f7ad00
#f8af00
#f8b100
#f9b400
#fab600
#fab905
#fabb15
#fbbe20
#fbc129
#fbc332
#fcc63b
#fcc944
#fccc4c
#fcce54
#fcd15d
#fcd465
#fcd66d
#fcd974
#fcdb7c
#fcde84
#fce08b
#fce292
#fce499
#fce7a0
#fce8a6
#fceaad
#fcecb2
#fdeeb8
#fdefbd
#fdf1c2
#fdf2c7
#fdf4cb
#fef5cf
#fef6d2
#fef7d5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(28.74% 0.0634 54.14) 0.0%, oklch(29.53% 0.0654 54.21) 1.3%, oklch(30.44% 0.0677 54.27) 2.5%, oklch(31.47% 0.0704 54.31) 3.8%, oklch(32.62% 0.0733 54.33) 5.1%, oklch(33.86% 0.0766 54.36) 6.3%, oklch(35.19% 0.0801 54.37) 7.6%, oklch(36.61% 0.0838 54.39) 8.9%, oklch(38.10% 0.0877 54.40) 10.1%, oklch(39.65% 0.0918 54.42) 11.4%, oklch(41.25% 0.0960 54.44) 12.7%, oklch(42.89% 0.1003 54.48) 13.9%, oklch(44.57% 0.1047 54.53) 15.2%, oklch(46.27% 0.1091 54.59) 16.5%, oklch(47.99% 0.1135 54.67) 17.7%, oklch(49.70% 0.1179 54.78) 19.0%, oklch(51.42% 0.1222 54.90) 20.3%, oklch(53.12% 0.1265 55.06) 21.5%, oklch(54.79% 0.1306 55.24) 22.8%, oklch(56.44% 0.1347 55.46) 24.1%, oklch(58.04% 0.1385 55.72) 25.3%, oklch(59.58% 0.1422 56.01) 26.6%, oklch(61.06% 0.1456 56.35) 27.8%, oklch(62.48% 0.1488 56.73) 29.1%, oklch(63.80% 0.1516 57.16) 30.4%, oklch(65.04% 0.1542 57.64) 31.6%, oklch(66.18% 0.1564 58.18) 32.9%, oklch(67.22% 0.1583 58.77) 34.2%, oklch(68.21% 0.1602 59.45) 35.4%, oklch(69.15% 0.1619 60.19) 36.7%, oklch(70.04% 0.1627 61.01) 38.0%, oklch(70.88% 0.1633 61.89) 39.2%, oklch(71.69% 0.1638 62.83) 40.5%, oklch(72.46% 0.1641 63.83) 41.8%, oklch(73.20% 0.1644 64.87) 43.0%, oklch(73.90% 0.1646 65.94) 44.3%, oklch(74.57% 0.1647 67.05) 45.6%, oklch(75.21% 0.1648 68.19) 46.8%, oklch(75.83% 0.1649 69.34) 48.1%, oklch(76.43% 0.1651 70.51) 49.4%, oklch(77.01% 0.1652 71.69) 50.6%, oklch(77.57% 0.1653 72.87) 51.9%, oklch(78.12% 0.1655 74.05) 53.2%, oklch(78.66% 0.1658 75.22) 54.4%, oklch(79.19% 0.1661 76.37) 55.7%, oklch(79.72% 0.1665 77.50) 57.0%, oklch(80.24% 0.1669 78.60) 58.2%, oklch(80.76% 0.1674 79.67) 59.5%, oklch(81.29% 0.1680 80.70) 60.8%, oklch(81.82% 0.1687 81.68) 62.0%, oklch(82.36% 0.1689 82.61) 63.3%, oklch(82.91% 0.1672 83.48) 64.6%, oklch(83.47% 0.1654 84.29) 65.8%, oklch(84.05% 0.1632 85.03) 67.1%, oklch(84.64% 0.1607 85.73) 68.4%, oklch(85.24% 0.1576 86.40) 69.6%, oklch(85.84% 0.1541 87.05) 70.9%, oklch(86.44% 0.1502 87.68) 72.2%, oklch(87.04% 0.1459 88.28) 73.4%, oklch(87.64% 0.1413 88.86) 74.7%, oklch(88.25% 0.1364 89.42) 75.9%, oklch(88.84% 0.1313 89.96) 77.2%, oklch(89.44% 0.1260 90.47) 78.5%, oklch(90.02% 0.1205 90.96) 79.7%, oklch(90.60% 0.1149 91.44) 81.0%, oklch(91.17% 0.1092 91.89) 82.3%, oklch(91.73% 0.1035 92.32) 83.5%, oklch(92.27% 0.0978 92.73) 84.8%, oklch(92.80% 0.0921 93.13) 86.1%, oklch(93.31% 0.0865 93.51) 87.3%, oklch(93.81% 0.0811 93.87) 88.6%, oklch(94.29% 0.0758 94.21) 89.9%, oklch(94.75% 0.0707 94.54) 91.1%, oklch(95.18% 0.0658 94.85) 92.4%, oklch(95.59% 0.0612 95.14) 93.7%, oklch(95.98% 0.0570 95.42) 94.9%, oklch(96.34% 0.0531 95.69) 96.2%, oklch(96.67% 0.0497 95.94) 97.5%, oklch(96.97% 0.0466 96.18) 98.7%, oklch(97.24% 0.0441 96.41) 100.0%);

In diesen Sammlungen

Farbverläufe für den Hero-Bereich