オリーブ、茶色、ネイビーと紫の線形スウォッチ

線形スウォッチ、5色、角度90°:#909400, #b35a45, #002a5a, #baa084, #ba3aa4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #909400
- #b35a45
- #002a5a
- #baa084
- #ba3aa4
CSS
background: linear-gradient(90deg, oklch(64.17% 0.1418 111.80) 0.000% 20.000%, oklch(57.09% 0.1199 34.65) 20.000% 40.000%, oklch(29.14% 0.0969 255.28) 40.000% 60.000%, oklch(72.05% 0.0496 68.47) 60.000% 80.000%, oklch(57.09% 0.1998 335.48) 80.000% 100.000%);