선명한 시안·파랑·보라 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 90°: #00dceb, #00c7e3, #2f88e3, #7047ea, #ac14f4. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #00dceb
- #00dbeb
- #01dae9
- #03d8e8
- #04d7e6
- #01d4e5
- #00d1e4
- #00cce4
- #00c7e3
- #00c0e3
- #0bb9e3
- #14b2e2
- #1aabe2
- #1da3e2
- #219be3
- #2792e3
- #2f88e3
- #387ee4
- #4175e4
- #4b6ce5
- #5463e6
- #5e5ae8
- #6751e9
- #7047ea
- #793eea
- #8136ea
- #892eeb
- #9128ed
- #9923ef
- #a11ef1
- #a719f3
- #ac14f4
CSS
background: linear-gradient(90deg in oklch, oklch(81.50% 0.1389 203.91) 0.0%, oklch(81.24% 0.1385 203.99) 3.2%, oklch(80.94% 0.1379 203.87) 6.5%, oklch(80.56% 0.1370 203.83) 9.7%, oklch(80.06% 0.1362 204.11) 12.9%, oklch(79.40% 0.1355 204.95) 16.1%, oklch(78.55% 0.1346 206.62) 19.4%, oklch(77.45% 0.1336 209.31) 22.6%, oklch(76.11% 0.1331 212.86) 25.8%, oklch(74.60% 0.1333 217.08) 29.0%, oklch(72.96% 0.1333 221.74) 32.3%, oklch(71.26% 0.1341 226.64) 35.5%, oklch(69.56% 0.1364 231.57) 38.7%, oklch(67.86% 0.1404 236.43) 41.9%, oklch(65.99% 0.1461 241.60) 45.2%, oklch(64.02% 0.1529 247.00) 48.4%, oklch(62.08% 0.1608 252.49) 51.6%, oklch(60.25% 0.1692 257.94) 54.8%, oklch(58.67% 0.1780 263.22) 58.1%, oklch(57.40% 0.1869 268.24) 61.3%, oklch(56.35% 0.1969 273.25) 64.5%, oklch(55.47% 0.2076 278.24) 67.7%, oklch(54.78% 0.2187 283.07) 71.0%, oklch(54.29% 0.2295 287.63) 74.2%, oklch(54.01% 0.2396 291.81) 77.4%, oklch(53.95% 0.2483 295.48) 80.6%, oklch(54.26% 0.2563 298.74) 83.9%, oklch(54.91% 0.2637 301.65) 87.1%, oklch(55.75% 0.2706 304.21) 90.3%, oklch(56.62% 0.2765 306.39) 93.5%, oklch(57.38% 0.2815 308.18) 96.8%, oklch(57.87% 0.2852 309.58) 100.0%);