オフホワイト、ベージュ、グレーとオリーブの線形グラデーション
線形グラデーション、32色、角度90°：#eff2de, #d6daae, #adb47e, #828a57, #525a2f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #eff2de
- #edf0da
- #ebeed5
- #e8ebd0
- #e5e8ca
- #e2e5c3
- #dee2bc
- #dadeb5
- #d6daae
- #d1d6a7
- #cdd2a1
- #c8ce9b
- #c3c995
- #bec48f
- #b8bf8a
- #b3ba84
- #adb47e
- #a7af79
- #a1a973
- #9ba46e
- #959e68
- #8f9863
- #89915d
- #828a57
- #7b8351
- #737c4b
- #6c7545
- #666e3f
- #60673a
- #5a6236
- #565d32
- #525a2f
CSS
background: linear-gradient(90deg in oklch, oklch(95.28% 0.0262 111.80) 0.0%, oklch(94.67% 0.0286 111.85) 3.2%, oklch(93.94% 0.0319 111.90) 6.5%, oklch(93.08% 0.0358 111.96) 9.7%, oklch(92.12% 0.0402 112.03) 12.9%, oklch(91.06% 0.0449 112.11) 16.1%, oklch(89.91% 0.0496 112.21) 19.4%, oklch(88.69% 0.0542 112.32) 22.6%, oklch(87.41% 0.0585 112.45) 25.8%, oklch(86.08% 0.0622 112.61) 29.0%, oklch(84.71% 0.0653 112.79) 32.3%, oklch(83.31% 0.0676 113.00) 35.5%, oklch(81.82% 0.0695 113.27) 38.7%, oklch(80.25% 0.0710 113.57) 41.9%, oklch(78.62% 0.0722 113.91) 45.2%, oklch(76.93% 0.0731 114.26) 48.4%, oklch(75.18% 0.0738 114.62) 51.6%, oklch(73.38% 0.0742 114.97) 54.8%, oklch(71.55% 0.0744 115.30) 58.1%, oklch(69.69% 0.0745 115.61) 61.3%, oklch(67.80% 0.0745 115.87) 64.5%, oklch(65.89% 0.0743 116.09) 67.7%, oklch(63.78% 0.0739 116.27) 71.0%, oklch(61.48% 0.0730 116.43) 74.2%, oklch(59.08% 0.0719 116.56) 77.4%, oklch(56.63% 0.0706 116.67) 80.6%, oklch(54.20% 0.0692 116.77) 83.9%, oklch(51.87% 0.0677 116.85) 87.1%, oklch(49.70% 0.0664 116.91) 90.3%, oklch(47.77% 0.0651 116.97) 93.5%, oklch(46.14% 0.0641 117.03) 96.8%, oklch(44.88% 0.0634 117.08) 100.0%);