紫、ラベンダー、オレンジとピーチの線形スウォッチ

線形スウォッチ、4色、角度225°:#9b4bc7, #cf8ce7, #f06b29, #febf6e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #9b4bc7
- #cf8ce7
- #f06b29
- #febf6e
CSS
background: linear-gradient(225deg, oklch(56.69% 0.1915 311.48) 0.000% 25.000%, oklch(74.02% 0.1447 316.77) 25.000% 50.000%, oklch(68.11% 0.1805 43.42) 50.000% 75.000%, oklch(84.65% 0.1226 71.95) 75.000% 100.000%);