네이비·보라·분홍·청록 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 135°: #03081e, #701f72, #ef54c5, #13c9bd, #07213b. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #03081e
- #070b26
- #0f0e31
- #1a113e
- #29144b
- #391757
- #4c1961
- #5e1c6a
- #701f72
- #832178
- #99247d
- #b02780
- #c52b83
- #d83189
- #e73a94
- #f045a8
- #ef54c5
- #df6aef
- #b990ff
- #95aaff
- #6bbcff
- #00caf5
- #00cdd6
- #13c9bd
- #2dbcab
- #27a89d
- #148f8f
- #00747f
- #00596d
- #05415a
- #072e48
- #07213b
CSS
background: linear-gradient(135deg in oklch, oklch(14.57% 0.0482 266.48) 0.0%, oklch(16.53% 0.0565 271.51) 3.2%, oklch(19.12% 0.0677 278.52) 6.5%, oklch(22.20% 0.0810 286.88) 9.7%, oklch(25.64% 0.0957 295.97) 12.9%, oklch(29.30% 0.1109 305.15) 16.1%, oklch(33.04% 0.1258 313.78) 19.4%, oklch(36.72% 0.1396 321.23) 22.6%, oklch(40.24% 0.1517 326.99) 25.8%, oklch(43.97% 0.1643 333.09) 29.0%, oklch(47.98% 0.1778 339.75) 32.3%, oklch(52.09% 0.1912 346.07) 35.5%, oklch(56.16% 0.2036 351.13) 38.7%, oklch(60.02% 0.2139 354.02) 41.9%, oklch(63.51% 0.2212 353.82) 45.2%, oklch(66.48% 0.2247 349.62) 48.4%, oklch(68.89% 0.2231 340.04) 51.6%, oklch(71.29% 0.2162 322.61) 54.8%, oklch(73.60% 0.1599 299.33) 58.1%, oklch(75.57% 0.1250 272.82) 61.3%, oklch(76.98% 0.1254 245.71) 64.5%, oklch(77.59% 0.1419 220.62) 67.7%, oklch(77.15% 0.1312 200.17) 71.0%, oklch(75.45% 0.1296 186.97) 74.2%, oklch(71.98% 0.1187 182.81) 77.4%, oklch(66.32% 0.1079 185.90) 80.6%, oklch(59.12% 0.0974 194.32) 83.9%, oklch(51.08% 0.0874 206.20) 87.1%, oklch(42.90% 0.0779 219.68) 90.3%, oklch(35.25% 0.0700 232.79) 93.5%, oklch(28.86% 0.0632 243.75) 96.8%, oklch(24.41% 0.0579 250.63) 100.0%);