同系色のラベンダーと紫の線形スウォッチ
線形スウォッチ、13色、角度90°：#d8b1e3, #c082e1, #9c54d5, #7533c0, #522aa6。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #d8b1e3
- #d3a5e3
- #cb95e2
- #c082e1
- #b572de
- #a963da
- #9c54d5
- #8f46cf
- #823bc9
- #7533c0
- #672fb7
- #5a2cad
- #522aa6
CSS
background: linear-gradient(90deg, oklch(81.10% 0.0813 318.52) 0.000% 7.692%, oklch(78.48% 0.0980 317.21) 7.692% 15.385%, oklch(74.73% 0.1222 315.35) 15.385% 23.077%, oklch(70.52% 0.1477 313.22) 23.077% 30.769%, oklch(66.54% 0.1681 311.12) 30.769% 38.462%, oklch(62.79% 0.1829 309.15) 38.462% 46.154%, oklch(58.98% 0.1950 307.16) 46.154% 53.846%, oklch(55.31% 0.2036 305.03) 53.846% 61.538%, oklch(51.97% 0.2081 302.66) 61.538% 69.231%, oklch(48.87% 0.2061 299.71) 69.231% 76.923%, oklch(45.94% 0.1989 296.32) 76.923% 84.615%, oklch(43.47% 0.1903 293.20) 84.615% 92.308%, oklch(41.73% 0.1846 291.04) 92.308% 100.000%);