同系色のネイビーとグレーの線形スウォッチ
線形スウォッチ、5色、角度135°：#0b1830, #1a3965, #50759f, #93b8c3, #d5ddd5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #0b1830
- #1a3965
- #50759f
- #93b8c3
- #d5ddd5
CSS
background: linear-gradient(135deg, oklch(21.26% 0.0510 261.56) 0.000% 20.000%, oklch(34.56% 0.0866 257.77) 20.000% 40.000%, oklch(55.34% 0.0781 251.59) 40.000% 60.000%, oklch(75.99% 0.0429 217.32) 60.000% 80.000%, oklch(88.98% 0.0138 145.32) 80.000% 100.000%);