오프화이트·청록·파랑 방사형 그라데이션
방사형 그라데이션, 색상 32개: #f2fadf, #0f597e, #2b3c6c, #30607d, #0e6a60. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #f2fadf
- #e0efd2
- #c6dfc3
- #a6ccb3
- #82b7a6
- #5da09b
- #3a8891
- #1e6f87
- #0f597e
- #104674
- #15376b
- #192f65
- #1c2b63
- #1f2c62
- #232f64
- #273568
- #2b3c6c
- #2f4371
- #324b76
- #35527a
- #37577d
- #375b7e
- #345d7e
- #30607d
- #2a627c
- #236479
- #1b6676
- #136771
- #0d686d
- #0a6968
- #0b6964
- #0e6a60
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0372 121.64) 0.0%, oklch(93.27% 0.0411 130.27) 3.2%, oklch(87.77% 0.0467 142.13) 6.5%, oklch(81.12% 0.0534 156.43) 9.7%, oklch(73.70% 0.0608 172.39) 12.9%, oklch(65.90% 0.0686 189.21) 16.1%, oklch(58.10% 0.0764 206.12) 19.4%, oklch(50.66% 0.0837 222.32) 22.6%, oklch(43.98% 0.0900 237.04) 25.8%, oklch(38.44% 0.0951 249.47) 29.0%, oklch(34.41% 0.0985 258.83) 32.3%, oklch(32.13% 0.0999 264.80) 35.5%, oklch(31.24% 0.0995 268.55) 38.7%, oklch(31.48% 0.0976 270.45) 41.9%, oklch(32.62% 0.0946 270.74) 45.2%, oklch(34.41% 0.0908 269.68) 48.4%, oklch(36.63% 0.0867 267.53) 51.6%, oklch(39.04% 0.0824 264.54) 54.8%, oklch(41.40% 0.0784 260.98) 58.1%, oklch(43.47% 0.0750 257.08) 61.3%, oklch(45.03% 0.0726 253.12) 64.5%, oklch(45.88% 0.0714 249.23) 67.7%, oklch(46.40% 0.0710 244.23) 71.0%, oklch(46.78% 0.0713 238.01) 74.2%, oklch(47.02% 0.0720 230.89) 77.4%, oklch(47.16% 0.0730 223.21) 80.6%, oklch(47.23% 0.0743 215.30) 83.9%, oklch(47.24% 0.0757 207.49) 87.1%, oklch(47.22% 0.0771 200.13) 90.3%, oklch(47.20% 0.0783 193.53) 93.5%, oklch(47.20% 0.0793 188.04) 96.8%, oklch(47.24% 0.0799 183.99) 100.0%);