鮮やかな同系色の青の円錐グラデーション
円錐グラデーション、13色、角度45°：#4446dc, #2c7ff0, #2fa6fc, #4a83fb, #674de9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #4446dc
- #3f55e2
- #3669e9
- #2c7ff0
- #2692f5
- #29a0f9
- #2fa6fc
- #35a2fd
- #3e95fd
- #4a83fb
- #576ff6
- #615bef
- #674de9
CSS
background: conic-gradient(from 45deg in oklch, oklch(49.61% 0.2219 274.22) 0.0%, oklch(52.25% 0.2138 270.34) 8.3%, oklch(56.26% 0.2016 264.36) 16.7%, oklch(60.83% 0.1877 257.57) 25.0%, oklch(65.18% 0.1746 251.32) 33.3%, oklch(68.53% 0.1649 246.92) 41.7%, oklch(70.08% 0.1612 245.69) 50.0%, oklch(69.37% 0.1652 248.61) 58.3%, oklch(66.93% 0.1751 254.84) 66.7%, oklch(63.48% 0.1884 262.92) 75.0%, oklch(59.76% 0.2026 271.40) 83.3%, oklch(56.46% 0.2151 278.82) 91.7%, oklch(54.33% 0.2232 283.73) 100.0%);