ネイビー、緑とベージュの線形グラデーション
ネイビー、緑とベージュのパレット（32色）。 #0c2339, #3b2c47, #6e4a39, #7e6d3b, #8a9d53, #9abf78, #d2e0ae, #f0f3d2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #0c2339
- #16253e
- #212742
- #2e2946
- #3b2c47
- #482f46
- #543443
- #5f3a40
- #68413c
- #6e4a39
- #735338
- #775b39
- #7b643a
- #7e6d3b
- #82773e
- #848041
- #868a46
- #88944c
- #8a9d53
- #8ca65b
- #8faf64
- #93b76e
- #9abf78
- #a3c683
- #aecd8d
- #bad498
- #c6daa3
- #d2e0ae
- #dce6b9
- #e4ebc3
- #ebefcc
- #f0f3d2
CSS
background: linear-gradient(305deg in oklch, oklch(25.20% 0.0510 249.61) 0.0%, oklch(26.47% 0.0513 260.06) 3.2%, oklch(28.09% 0.0515 274.03) 6.5%, oklch(29.99% 0.0516 290.74) 9.7%, oklch(32.13% 0.0517 309.43) 12.9%, oklch(34.44% 0.0520 329.32) 16.1%, oklch(36.89% 0.0525 349.65) 19.4%, oklch(39.40% 0.0533 9.64) 22.6%, oklch(41.94% 0.0545 28.53) 25.8%, oklch(44.44% 0.0562 45.54) 29.0%, oklch(46.86% 0.0584 59.91) 32.3%, oklch(49.19% 0.0615 71.44) 35.5%, oklch(51.58% 0.0660 81.63) 38.7%, oklch(54.01% 0.0717 90.67) 41.9%, oklch(56.49% 0.0780 98.65) 45.2%, oklch(58.98% 0.0846 105.62) 48.4%, oklch(61.49% 0.0911 111.66) 51.6%, oklch(63.99% 0.0971 116.83) 54.8%, oklch(66.46% 0.1021 121.20) 58.1%, oklch(68.90% 0.1057 124.85) 61.3%, oklch(71.28% 0.1075 127.83) 64.5%, oklch(73.61% 0.1071 130.16) 67.7%, oklch(76.03% 0.1042 131.13) 71.0%, oklch(78.53% 0.0992 130.73) 74.2%, oklch(81.07% 0.0927 129.24) 77.4%, oklch(83.59% 0.0850 126.94) 80.6%, oklch(86.03% 0.0767 124.11) 83.9%, oklch(88.35% 0.0683 121.01) 87.1%, oklch(90.48% 0.0602 117.93) 90.3%, oklch(92.39% 0.0529 115.13) 93.5%, oklch(94.00% 0.0469 112.91) 96.8%, oklch(95.28% 0.0427 111.53) 100.0%);