ピンク、ラベンダー、青とグレーの放射状グラデーション
放射状グラデーション、32色：#ddc9c0, #c39fbc, #8b74a6, #6d769a, #799da0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #ddc9c0
- #ddc6be
- #dcc1bd
- #dbbcbc
- #d8b6bd
- #d3b1be
- #ceabbe
- #c9a6bd
- #c39fbc
- #bc98b9
- #b591b7
- #af8bb4
- #a885b2
- #a080b0
- #997cad
- #9277aa
- #8b74a6
- #8471a3
- #7f6fa1
- #796e9f
- #756f9e
- #71719c
- #6f739b
- #6d769a
- #6c7999
- #6b7c99
- #6b819a
- #6c889c
- #6e8e9e
- #72949f
- #7599a0
- #799da0
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.04% 0.0262 45.70) 0.0%, oklch(84.30% 0.0284 38.79) 3.2%, oklch(83.33% 0.0314 28.94) 6.5%, oklch(82.16% 0.0350 17.38) 9.7%, oklch(80.84% 0.0390 5.36) 12.9%, oklch(79.39% 0.0432 354.10) 16.1%, oklch(77.87% 0.0474 344.85) 19.4%, oklch(76.22% 0.0518 338.15) 22.6%, oklch(74.35% 0.0570 332.90) 25.8%, oklch(72.34% 0.0625 328.69) 29.0%, oklch(70.29% 0.0679 325.13) 32.3%, oklch(68.29% 0.0725 321.83) 35.5%, oklch(66.43% 0.0761 318.42) 38.7%, oklch(64.74% 0.0783 314.74) 41.9%, oklch(63.05% 0.0796 311.42) 45.2%, oklch(61.39% 0.0800 308.35) 48.4%, oklch(59.86% 0.0797 305.29) 51.6%, oklch(58.54% 0.0787 302.03) 54.8%, oklch(57.52% 0.0770 298.32) 58.1%, oklch(56.87% 0.0748 294.02) 61.3%, oklch(56.54% 0.0712 289.50) 64.5%, oklch(56.48% 0.0667 284.75) 67.7%, oklch(56.68% 0.0617 279.62) 71.0%, oklch(57.08% 0.0567 273.96) 74.2%, oklch(57.68% 0.0524 267.63) 77.4%, oklch(58.44% 0.0490 260.45) 80.6%, oklch(59.60% 0.0466 251.39) 83.9%, oklch(61.14% 0.0446 240.80) 87.1%, oklch(62.84% 0.0430 229.71) 90.3%, oklch(64.51% 0.0418 219.17) 93.5%, oklch(65.94% 0.0408 210.21) 96.8%, oklch(66.93% 0.0400 203.86) 100.0%);