茶色、グレーと暗い緑の線形グラデーション
線形グラデーション、64色、角度135°：#8f6e3a, #dcd8b9, #914523, #3f524e, #f1e5ca。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #8f6e3a
- #92723f
- #957845
- #9a7f4e
- #9f8757
- #a59062
- #ab996d
- #b2a379
- #b9ad84
- #c0b690
- #c6bf9b
- #ccc6a4
- #d2cdad
- #d7d3b3
- #dad6b8
- #dcd8ba
- #dcd8b9
- #dbd5b5
- #d9d0ae
- #d7c9a4
- #d3c099
- #d0b68c
- #ccab7f
- #c89e72
- #c39166
- #bd845b
- #b77751
- #b16b48
- #aa5f41
- #a35639
- #9d4e32
- #97482b
- #914523
- #8b4318
- #834308
- #794400
- #6d4700
- #634800
- #584a01
- #4c4c12
- #424d20
- #394d2a
- #344d33
- #324d3b
- #324d41
- #354e46
- #3a504a
- #3f524e
- #445653
- #4b5c58
- #53635f
- #5c6c67
- #66766f
- #718178
- #7e8d81
- #8b998a
- #99a594
- #a7b09d
- #b6bca5
- #c5c6ae
- #d2d0b6
- #dfd9be
- #e9e0c4
- #f1e5ca
CSS
background: linear-gradient(135deg in oklch, oklch(55.91% 0.0813 77.34) 0.0%, oklch(57.18% 0.0797 78.33) 1.6%, oklch(58.91% 0.0774 79.75) 3.2%, oklch(61.03% 0.0745 81.53) 4.8%, oklch(63.46% 0.0713 83.59) 6.3%, oklch(66.11% 0.0677 85.84) 7.9%, oklch(68.91% 0.0639 88.21) 9.5%, oklch(71.78% 0.0601 90.60) 11.1%, oklch(74.64% 0.0563 92.96) 12.7%, oklch(77.41% 0.0527 95.18) 14.3%, oklch(80.02% 0.0493 97.19) 15.9%, oklch(82.38% 0.0463 98.91) 17.5%, oklch(84.41% 0.0439 100.25) 19.0%, oklch(86.04% 0.0421 101.14) 20.6%, oklch(87.19% 0.0410 101.50) 22.2%, oklch(87.77% 0.0408 101.24) 23.8%, oklch(87.72% 0.0416 100.26) 25.4%, oklch(86.99% 0.0438 98.09) 27.0%, oklch(85.66% 0.0473 94.73) 28.6%, oklch(83.81% 0.0518 90.38) 30.2%, oklch(81.51% 0.0572 85.27) 31.7%, oklch(78.84% 0.0633 79.61) 33.3%, oklch(75.89% 0.0699 73.62) 34.9%, oklch(72.74% 0.0767 67.52) 36.5%, oklch(69.45% 0.0835 61.51) 38.1%, oklch(66.12% 0.0902 55.82) 39.7%, oklch(62.83% 0.0964 50.66) 41.3%, oklch(59.64% 0.1021 46.25) 42.9%, oklch(56.64% 0.1069 42.79) 44.4%, oklch(53.92% 0.1107 40.52) 46.0%, oklch(51.55% 0.1133 39.64) 47.6%, oklch(49.60% 0.1144 40.38) 49.2%, oklch(48.11% 0.1139 43.00) 50.8%, oklch(46.71% 0.1118 47.91) 52.4%, oklch(45.39% 0.1082 54.86) 54.0%, oklch(44.14% 0.1003 63.45) 55.6%, oklch(43.00% 0.0914 73.50) 57.1%, oklch(41.97% 0.0861 84.61) 58.7%, oklch(41.08% 0.0838 96.47) 60.3%, oklch(40.34% 0.0762 108.67) 61.9%, oklch(39.78% 0.0684 120.92) 63.5%, oklch(39.40% 0.0606 132.90) 65.1%, oklch(39.24% 0.0530 144.27) 66.7%, oklch(39.30% 0.0459 154.71) 68.3%, oklch(39.61% 0.0393 163.87) 69.8%, oklch(40.18% 0.0336 171.44) 71.4%, oklch(41.03% 0.0289 177.08) 73.0%, oklch(42.18% 0.0255 180.45) 74.6%, oklch(43.74% 0.0232 181.40) 76.2%, oklch(45.88% 0.0219 180.27) 77.8%, oklch(48.53% 0.0212 177.33) 79.4%, oklch(51.61% 0.0212 172.82) 81.0%, oklch(55.05% 0.0218 167.01) 82.5%, oklch(58.75% 0.0228 160.13) 84.1%, oklch(62.63% 0.0242 152.44) 85.7%, oklch(66.62% 0.0259 144.19) 87.3%, oklch(70.64% 0.0277 135.62) 88.9%, oklch(74.59% 0.0297 126.99) 90.5%, oklch(78.41% 0.0317 118.55) 92.1%, oklch(82.00% 0.0336 110.55) 93.7%, oklch(85.29% 0.0353 103.23) 95.2%, oklch(88.19% 0.0368 96.86) 96.8%, oklch(90.63% 0.0379 91.67) 98.4%, oklch(92.52% 0.0386 87.91) 100.0%);