네이비·청록·초록·베이지 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 90°: #101c34, #63768a, #1db2c0, #98be57, #ebddbc. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #101c34
- #16223b
- #1f2c43
- #2b384e
- #374559
- #455366
- #526072
- #5c6c7f
- #63768a
- #667f95
- #6587a0
- #628fab
- #5b96b4
- #519dbc
- #43a4c1
- #31abc3
- #1db2c0
- #00b8b9
- #00bdac
- #25c09b
- #49c187
- #67c073
- #82bf61
- #98be57
- #abbf56
- #bbc15e
- #c9c56d
- #d4ca7f
- #ddcf92
- #e3d5a3
- #e8dab2
- #ebddbc
CSS
background: linear-gradient(90deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(25.55% 0.0492 262.66) 3.2%, oklch(29.32% 0.0462 261.51) 6.5%, oklch(33.82% 0.0426 260.14) 9.7%, oklch(38.71% 0.0390 258.50) 12.9%, oklch(43.69% 0.0361 256.52) 16.1%, oklch(48.42% 0.0346 254.15) 19.4%, oklch(52.57% 0.0351 251.33) 22.6%, oklch(55.85% 0.0383 248.01) 25.8%, oklch(58.52% 0.0447 244.46) 29.0%, oklch(60.79% 0.0538 240.69) 32.3%, oklch(62.74% 0.0646 236.57) 35.5%, oklch(64.44% 0.0764 231.95) 38.7%, oklch(65.94% 0.0881 226.69) 41.9%, oklch(67.32% 0.0989 220.64) 45.2%, oklch(68.63% 0.1080 213.66) 48.4%, oklch(69.90% 0.1149 205.47) 51.6%, oklch(70.88% 0.1209 195.39) 54.8%, oklch(71.62% 0.1269 183.85) 58.1%, oklch(72.21% 0.1333 171.50) 61.3%, oklch(72.77% 0.1376 158.94) 64.5%, oklch(73.39% 0.1402 146.79) 67.7%, oklch(74.19% 0.1407 135.68) 71.0%, oklch(75.27% 0.1387 126.22) 74.2%, oklch(76.74% 0.1332 118.59) 77.4%, oklch(78.61% 0.1234 112.00) 80.6%, oklch(80.74% 0.1105 106.30) 83.9%, oklch(82.99% 0.0958 101.42) 87.1%, oklch(85.20% 0.0808 97.27) 90.3%, oklch(87.23% 0.0668 93.74) 93.5%, oklch(88.93% 0.0550 90.77) 96.8%, oklch(90.16% 0.0469 88.25) 100.0%);