タンからネイビーの線形グラデーション
線形グラデーション、32色、角度180°：#e6d768, #b98443, #706600, #00503d, #101b29。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #e6d768
- #e4d163
- #e1c85e
- #ddbd58
- #d8b153
- #d2a54f
- #cb9a4b
- #c28e47
- #b98443
- #b17c3e
- #a87537
- #a06f2f
- #986b25
- #906917
- #876701
- #7c6600
- #706600
- #636500
- #546500
- #406500
- #2a6317
- #056025
- #005836
- #00503d
- #004840
- #004040
- #00383f
- #00313d
- #002a3b
- #0a2435
- #0f1f2e
- #101b29
CSS
background: linear-gradient(180deg in oklch, oklch(87.01% 0.1337 101.95) 0.0%, oklch(85.38% 0.1315 99.62) 3.2%, oklch(83.24% 0.1285 96.03) 6.5%, oklch(80.68% 0.1249 91.58) 9.7%, oklch(77.82% 0.1208 86.66) 12.9%, oklch(74.76% 0.1165 81.64) 16.1%, oklch(71.61% 0.1123 76.91) 19.4%, oklch(68.47% 0.1084 72.86) 22.6%, oklch(65.44% 0.1051 69.87) 25.8%, oklch(62.65% 0.1025 68.33) 29.0%, oklch(60.18% 0.1009 68.62) 32.3%, oklch(58.10% 0.1006 70.96) 35.5%, oklch(56.25% 0.1021 74.92) 38.7%, oklch(54.60% 0.1048 80.26) 41.9%, oklch(53.09% 0.1084 86.78) 45.2%, oklch(51.67% 0.1060 94.25) 48.4%, oklch(50.31% 0.1056 102.52) 51.6%, oklch(48.95% 0.1079 111.36) 54.8%, oklch(47.56% 0.1136 120.56) 58.1%, oklch(46.08% 0.1236 129.90) 61.3%, oklch(44.47% 0.1229 139.20) 64.5%, oklch(42.69% 0.1200 148.37) 67.7%, oklch(40.67% 0.0942 158.57) 71.0%, oklch(38.44% 0.0761 169.95) 74.2%, oklch(36.09% 0.0646 182.08) 77.4%, oklch(33.68% 0.0575 194.59) 80.6%, oklch(31.28% 0.0536 207.09) 83.9%, oklch(28.98% 0.0525 219.17) 87.1%, oklch(26.83% 0.0537 230.45) 90.3%, oklch(24.90% 0.0451 240.32) 93.5%, oklch(23.29% 0.0373 248.74) 96.8%, oklch(22.05% 0.0317 255.18) 100.0%);