補色のネイビー、茶色とグレーの線形スウォッチ
線形スウォッチ、6色、角度180°：#20273a, #4d3543, #8f5c4e, #af8258, #958e61, #5a7967。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #20273a
- #4d3543
- #8f5c4e
- #af8258
- #958e61
- #5a7967
CSS
background: linear-gradient(180deg, oklch(27.56% 0.0372 267.89) 0.000% 16.667%, oklch(36.22% 0.0413 343.98) 16.667% 33.333%, oklch(52.76% 0.0703 36.81) 33.333% 50.000%, oklch(64.17% 0.0799 64.29) 50.000% 66.667%, oklch(64.17% 0.0634 100.22) 66.667% 83.333%, oklch(54.72% 0.0469 158.34) 83.333% 100.000%);