補色のネイビー、グレーと茶色の線形スウォッチ
線形スウォッチ、5色、角度90°：#2e3549, #5a5e56, #a48f72, #d7c1a6, #e5ecdb。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #2e3549
- #5a5e56
- #a48f72
- #d7c1a6
- #e5ecdb
CSS
background: linear-gradient(90deg, oklch(33.07% 0.0372 270.70) 0.000% 20.000%, oklch(47.64% 0.0138 128.04) 20.000% 40.000%, oklch(66.14% 0.0482 76.26) 40.000% 60.000%, oklch(82.28% 0.0441 73.09) 60.000% 80.000%, oklch(93.31% 0.0234 124.87) 80.000% 100.000%);