補色の青、グレーとオリーブの線形スウォッチ
線形スウォッチ、6色、角度90°：#535b8a, #c4ccae, #b6b976, #979c58, #717b3f, #4e5c31。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #535b8a
- #c4ccae
- #b6b976
- #979c58
- #717b3f
- #4e5c31
CSS
background: linear-gradient(90deg, oklch(48.43% 0.0772 276.33) 0.000% 16.667%, oklch(83.07% 0.0413 119.93) 16.667% 33.333%, oklch(76.77% 0.0882 110.42) 33.333% 50.000%, oklch(67.32% 0.0909 112.53) 50.000% 66.667%, oklch(55.91% 0.0841 116.76) 66.667% 83.333%, oklch(45.28% 0.0675 124.16) 83.333% 100.000%);