同系色の白とネイビーの線形スウォッチ
線形スウォッチ、5色、角度45°：#edf2f2, #577b99, #173957, #687a9b, #28415f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #edf2f2
- #577b99
- #173957
- #687a9b
- #28415f
CSS
background: linear-gradient(45deg, oklch(95.67% 0.0055 196.87) 0.000% 20.000%, oklch(56.69% 0.0620 245.49) 20.000% 40.000%, oklch(33.46% 0.0661 247.60) 40.000% 60.000%, oklch(57.87% 0.0551 262.39) 60.000% 80.000%, oklch(37.01% 0.0606 253.94) 80.000% 100.000%);