オレンジ、グレーとタンの線形グラデーション
オレンジ、グレーとタンのパレット（40色）。 #c65a18, #ac7d10, #86995c, #7fa590, #88ab99, #9ab286, #c0ad67, #e4a160。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム3個。
- #c65a18
- #c45e10
- #c26304
- #bd6a00
- #b87000
- #b37700
- #ac7d10
- #a48422
- #9c8a31
- #949040
- #8c954e
- #86995c
- #819c68
- #7e9f73
- #7ca17c
- #7ca384
- #7da48b
- #7fa590
- #82a694
- #84a897
- #85a999
- #87aa9a
- #88ab99
- #8aad99
- #8cae97
- #8eaf94
- #91b190
- #95b18b
- #9ab286
- #a0b280
- #a7b179
- #afb073
- #b7af6c
- #c0ad67
- #c8aa63
- #cfa860
- #d6a65f
- #dca45e
- #e1a25f
- #e4a160
CSS
background: linear-gradient(225deg in oklch, oklch(59.45% 0.1557 46.41) 0.0%, oklch(59.75% 0.1524 50.05) 2.6%, oklch(60.12% 0.1481 54.77) 5.1%, oklch(60.55% 0.1414 60.40) 7.7%, oklch(61.02% 0.1350 66.85) 10.3%, oklch(61.54% 0.1304 73.96) 12.8%, oklch(62.09% 0.1240 81.62) 15.4%, oklch(62.68% 0.1169 89.63) 17.9%, oklch(63.29% 0.1095 97.89) 20.5%, oklch(63.91% 0.1019 106.26) 23.1%, oklch(64.56% 0.0944 114.59) 25.6%, oklch(65.20% 0.0870 122.76) 28.2%, oklch(65.85% 0.0798 130.62) 30.8%, oklch(66.49% 0.0730 138.03) 33.3%, oklch(67.12% 0.0667 144.86) 35.9%, oklch(67.73% 0.0609 150.97) 38.5%, oklch(68.32% 0.0559 156.22) 41.0%, oklch(68.87% 0.0517 160.47) 43.6%, oklch(69.39% 0.0484 163.58) 46.2%, oklch(69.86% 0.0462 165.42) 48.7%, oklch(70.29% 0.0451 165.86) 51.3%, oklch(70.70% 0.0451 164.93) 53.8%, oklch(71.11% 0.0461 162.75) 56.4%, oklch(71.50% 0.0479 159.47) 59.0%, oklch(71.89% 0.0506 155.22) 61.5%, oklch(72.26% 0.0539 150.11) 64.1%, oklch(72.62% 0.0577 144.29) 66.7%, oklch(72.96% 0.0621 137.89) 69.2%, oklch(73.30% 0.0668 131.03) 71.8%, oklch(73.62% 0.0718 123.86) 74.4%, oklch(73.92% 0.0769 116.49) 76.9%, oklch(74.22% 0.0821 109.07) 79.5%, oklch(74.50% 0.0873 101.72) 82.1%, oklch(74.76% 0.0924 94.57) 84.6%, oklch(75.00% 0.0972 87.76) 87.2%, oklch(75.23% 0.1017 81.41) 89.7%, oklch(75.45% 0.1058 75.66) 92.3%, oklch(75.64% 0.1093 70.64) 94.9%, oklch(75.82% 0.1122 66.48) 97.4%, oklch(75.98% 0.1144 63.31) 100.0%);