補色のネイビー、ベージュとグレーの円錐グラデーション
円錐グラデーション、6色、角度225°：#273a5c, #587a9c, #b1c3cf, #ede0c2, #c7d1d5, #7085a3。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #273a5c
- #587a9c
- #b1c3cf
- #ede0c2
- #c7d1d5
- #7085a3
CSS
background: conic-gradient(from 225deg in oklch, oklch(35.04% 0.0648 261.56) 0.0%, oklch(56.69% 0.0661 249.94) 20.0%, oklch(80.71% 0.0262 236.20) 40.0%, oklch(90.94% 0.0427 87.20) 60.0%, oklch(85.43% 0.0124 224.58) 80.0%, oklch(61.02% 0.0524 257.34) 100.0%);