同系色の明るい青からネイビーの放射状グラデーション
同系色の明るい青からネイビーのパレット（32色）。 #eafbfc, #d1f0f2, #a5dadf, #7dc3cc, #479eaf, #277e92, #0f5169, #0a304b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム6個。
- #eafbfc
- #e6f9fa
- #e0f7f8
- #d9f4f5
- #d1f0f2
- #c9ecef
- #c0e8eb
- #b8e4e8
- #afdfe4
- #a5dadf
- #9cd5db
- #92cfd6
- #88c9d1
- #7dc3cc
- #73bcc6
- #68b5c1
- #5daebb
- #52a6b5
- #479eaf
- #3e96a8
- #368ea1
- #2e8699
- #277e92
- #21768a
- #1b6d82
- #16657b
- #125b72
- #0f5169
- #0d4760
- #0c3d58
- #0b3650
- #0a304b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.64% 0.0179 201.09) 0.0%, oklch(96.90% 0.0205 201.18) 3.2%, oklch(95.92% 0.0240 201.28) 6.5%, oklch(94.74% 0.0282 201.41) 9.7%, oklch(93.41% 0.0328 201.58) 12.9%, oklch(91.97% 0.0375 201.80) 16.1%, oklch(90.46% 0.0419 202.08) 19.4%, oklch(88.90% 0.0461 202.43) 22.6%, oklch(87.24% 0.0505 202.79) 25.8%, oklch(85.47% 0.0549 203.20) 29.0%, oklch(83.60% 0.0593 203.69) 32.3%, oklch(81.64% 0.0635 204.28) 35.5%, oklch(79.58% 0.0674 204.99) 38.7%, oklch(77.44% 0.0711 205.87) 41.9%, oklch(75.16% 0.0747 206.90) 45.2%, oklch(72.78% 0.0783 208.07) 48.4%, oklch(70.32% 0.0815 209.33) 51.6%, oklch(67.81% 0.0842 210.63) 54.8%, oklch(65.29% 0.0861 211.94) 58.1%, oklch(62.77% 0.0871 213.21) 61.3%, oklch(60.25% 0.0871 214.28) 64.5%, oklch(57.69% 0.0864 215.28) 67.7%, oklch(55.10% 0.0851 216.36) 71.0%, oklch(52.47% 0.0834 217.68) 74.2%, oklch(49.81% 0.0815 219.40) 77.4%, oklch(47.08% 0.0795 221.69) 80.6%, oklch(44.04% 0.0771 224.94) 83.9%, oklch(40.75% 0.0741 228.93) 87.1%, oklch(37.45% 0.0709 233.23) 90.3%, oklch(34.38% 0.0678 237.36) 93.5%, oklch(31.79% 0.0652 240.89) 96.8%, oklch(29.92% 0.0634 243.36) 100.0%);