暗い緑、茶色とオレンジの線形グラデーション
線形グラデーション、32色、角度135°：#11251b, #245030, #795d00, #bb6931, #e7b74b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #11251b
- #12281d
- #132c20
- #153122
- #163726
- #193d29
- #1c442c
- #1f4a2e
- #245030
- #2a5630
- #325b2f
- #3b5e2b
- #476023
- #536118
- #616007
- #6e5e00
- #795d00
- #855a00
- #915800
- #9a5710
- #a3581e
- #ab5c27
- #b3612d
- #bb6931
- #c47234
- #cc7c36
- #d38838
- #d9933b
- #de9e3e
- #e2a843
- #e4b147
- #e7b74b
CSS
background: linear-gradient(135deg in oklch, oklch(24.41% 0.0331 161.72) 0.0%, oklch(25.52% 0.0361 160.79) 3.2%, oklch(26.98% 0.0402 159.98) 6.5%, oklch(28.73% 0.0449 159.15) 9.7%, oklch(30.68% 0.0503 158.18) 12.9%, oklch(32.76% 0.0560 156.94) 16.1%, oklch(34.92% 0.0620 155.31) 19.4%, oklch(37.07% 0.0679 153.15) 22.6%, oklch(39.15% 0.0737 150.35) 25.8%, oklch(41.08% 0.0791 146.77) 29.0%, oklch(42.80% 0.0840 142.30) 32.3%, oklch(44.24% 0.0883 136.53) 35.5%, oklch(45.47% 0.0924 128.78) 38.7%, oklch(46.53% 0.0964 119.48) 41.9%, oklch(47.48% 0.1003 109.14) 45.2%, oklch(48.38% 0.1001 98.27) 48.4%, oklch(49.27% 0.1007 87.40) 51.6%, oklch(50.23% 0.1051 77.05) 54.8%, oklch(51.30% 0.1128 67.72) 58.1%, oklch(52.53% 0.1169 59.98) 61.3%, oklch(53.99% 0.1196 54.24) 64.5%, oklch(55.74% 0.1220 51.05) 67.7%, oklch(57.90% 0.1242 50.33) 71.0%, oklch(60.40% 0.1261 51.64) 74.2%, oklch(63.14% 0.1278 54.54) 77.4%, oklch(66.02% 0.1293 58.64) 80.6%, oklch(68.94% 0.1306 63.49) 83.9%, oklch(71.78% 0.1317 68.70) 87.1%, oklch(74.44% 0.1327 73.83) 90.3%, oklch(76.82% 0.1336 78.46) 93.5%, oklch(78.81% 0.1343 82.18) 96.8%, oklch(80.31% 0.1350 84.58) 100.0%);