補色のネイビー、グレーとオリーブの線形スウォッチ
線形スウォッチ、5色、角度90°：#1b1554, #2b3571, #485d77, #68806a, #8a983f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #1b1554
- #2b3571
- #485d77
- #68806a
- #8a983f
CSS
background: linear-gradient(90deg, oklch(25.20% 0.1089 279.14) 0.000% 20.000%, oklch(35.43% 0.1047 272.80) 20.000% 40.000%, oklch(47.24% 0.0496 253.78) 40.000% 60.000%, oklch(57.48% 0.0441 147.05) 60.000% 80.000%, oklch(64.96% 0.1157 117.46) 80.000% 100.000%);