類似色のオリーブ、オレンジと茶色の線形グラデーション
類似色のオリーブ、オレンジと茶色のパレット（40色）。 #9f9d26, #b39a24, #c69630, #d28f45, #cb884c, #b27949, #9a6c44, #86613f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム3個。
- #9f9d26
- #a29d26
- #a49c25
- #a79b24
- #ab9b24
- #af9a24
- #b39a24
- #b79926
- #bb9828
- #bf972a
- #c2972d
- #c69630
- #c99534
- #cc9437
- #ce933b
- #d0923e
- #d19142
- #d28f45
- #d28e47
- #d18d49
- #d08b4b
- #ce8a4c
- #cb884c
- #c8864c
- #c4834c
- #c0814c
- #bc7f4b
- #b77c4a
- #b27949
- #ad7748
- #a87447
- #a47146
- #9f6f45
- #9a6c44
- #966a43
- #926842
- #8e6641
- #8b6440
- #89623f
- #86613f
CSS
background: linear-gradient(225deg in oklch, oklch(67.72% 0.1337 108.28) 0.0%, oklch(67.80% 0.1332 106.94) 2.6%, oklch(67.93% 0.1328 105.28) 5.1%, oklch(68.10% 0.1323 103.34) 7.7%, oklch(68.32% 0.1319 101.14) 10.3%, oklch(68.55% 0.1314 98.74) 12.8%, oklch(68.81% 0.1308 96.16) 15.4%, oklch(69.07% 0.1303 93.44) 17.9%, oklch(69.34% 0.1296 90.63) 20.5%, oklch(69.60% 0.1290 87.74) 23.1%, oklch(69.84% 0.1282 84.83) 25.6%, oklch(70.06% 0.1274 81.93) 28.2%, oklch(70.24% 0.1265 79.08) 30.8%, oklch(70.38% 0.1256 76.30) 33.3%, oklch(70.48% 0.1246 73.65) 35.9%, oklch(70.51% 0.1234 71.16) 38.5%, oklch(70.47% 0.1222 68.85) 41.0%, oklch(70.36% 0.1209 66.78) 43.6%, oklch(70.16% 0.1195 64.97) 46.2%, oklch(69.87% 0.1179 63.47) 48.7%, oklch(69.47% 0.1163 62.29) 51.3%, oklch(68.94% 0.1143 61.35) 53.8%, oklch(68.28% 0.1121 60.63) 56.4%, oklch(67.51% 0.1097 60.10) 59.0%, oklch(66.65% 0.1072 59.74) 61.5%, oklch(65.71% 0.1044 59.54) 64.1%, oklch(64.70% 0.1016 59.47) 66.7%, oklch(63.64% 0.0987 59.53) 69.2%, oklch(62.54% 0.0957 59.69) 71.8%, oklch(61.43% 0.0927 59.93) 74.4%, oklch(60.30% 0.0897 60.23) 76.9%, oklch(59.19% 0.0868 60.59) 79.5%, oklch(58.10% 0.0840 60.96) 82.1%, oklch(57.05% 0.0812 61.35) 84.6%, oklch(56.05% 0.0786 61.73) 87.2%, oklch(55.12% 0.0762 62.08) 89.7%, oklch(54.27% 0.0740 62.39) 92.3%, oklch(53.51% 0.0720 62.63) 94.9%, oklch(52.87% 0.0703 62.78) 97.4%, oklch(52.36% 0.0689 62.84) 100.0%);