グレー、茶色と暗い緑の線形グラデーション
線形グラデーション、32色、角度0°：#ebe5d3, #d3b491, #b46f52, #7e4200, #0c320e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #ebe5d3
- #e9e1ce
- #e6ddc7
- #e3d7bf
- #e0d1b7
- #ddcbae
- #dac4a4
- #d6bc9a
- #d3b491
- #cfac88
- #cca57f
- #c89d77
- #c4946e
- #c18b67
- #bd825f
- #b97959
- #b46f52
- #af664c
- #a95d45
- #a2553e
- #9b4f34
- #944929
- #8a4519
- #7e4200
- #6d4200
- #5d4100
- #4e3e00
- #3f3c00
- #313900
- #233701
- #173409
- #0c320e
CSS
background: linear-gradient(0deg in oklch, oklch(92.13% 0.0248 90.00) 0.0%, oklch(91.11% 0.0274 88.54) 3.2%, oklch(89.85% 0.0308 86.66) 6.5%, oklch(88.37% 0.0348 84.43) 9.7%, oklch(86.70% 0.0394 81.93) 12.9%, oklch(84.89% 0.0442 79.23) 16.1%, oklch(82.95% 0.0493 76.42) 19.4%, oklch(80.93% 0.0544 73.56) 22.6%, oklch(78.86% 0.0595 70.72) 25.8%, oklch(76.77% 0.0643 67.99) 29.0%, oklch(74.70% 0.0689 65.44) 32.3%, oklch(72.63% 0.0732 62.83) 35.5%, oklch(70.46% 0.0779 59.40) 38.7%, oklch(68.19% 0.0829 55.38) 41.9%, oklch(65.85% 0.0879 51.12) 45.2%, oklch(63.46% 0.0929 46.96) 48.4%, oklch(61.04% 0.0976 43.23) 51.6%, oklch(58.62% 0.1019 40.27) 54.8%, oklch(56.20% 0.1054 38.40) 58.1%, oklch(53.83% 0.1082 37.98) 61.3%, oklch(51.51% 0.1098 39.34) 64.5%, oklch(49.25% 0.1102 42.85) 67.7%, oklch(46.90% 0.1091 49.20) 71.0%, oklch(44.45% 0.1064 57.98) 74.2%, oklch(41.97% 0.0917 68.69) 77.4%, oklch(39.49% 0.0816 80.65) 80.6%, oklch(37.08% 0.0759 93.25) 83.9%, oklch(34.80% 0.0742 105.87) 87.1%, oklch(32.69% 0.0760 117.89) 90.3%, oklch(30.80% 0.0802 128.61) 93.5%, oklch(29.21% 0.0768 137.49) 96.8%, oklch(27.95% 0.0744 143.89) 100.0%);