파스텔 파랑·회색·분홍 선형 그라데이션
선형 그라데이션, 색상 40개, 각도 45°: #b0aed3, #97ad97, #ffebe7, #fff0c0, #8fb8d4. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #b0aed3
- #a9aed3
- #a1afd1
- #97afcc
- #8eaec6
- #87aebd
- #83adb3
- #83aca9
- #87aba0
- #8eab9a
- #97ad97
- #a2af97
- #afb49b
- #bdbaa2
- #cbc1ac
- #d8c9b8
- #e3d1c4
- #edd9d0
- #f6e0da
- #fde6e1
- #ffebe7
- #ffefec
- #fff2ef
- #fff4f1
- #fff5f1
- #fff5ef
- #fff4ec
- #fff3e5
- #fff1d9
- #fff0c0
- #f4f0b6
- #e2efb7
- #cdecbb
- #b8e7c2
- #a5e1c9
- #97d8d0
- #90cfd4
- #8ec6d6
- #8ebed5
- #8fb8d4
CSS
background: linear-gradient(45deg in oklch, oklch(76.38% 0.0537 287.58) 0.0%, oklch(75.98% 0.0529 278.93) 2.6%, oklch(75.32% 0.0518 267.65) 5.1%, oklch(74.47% 0.0505 254.25) 7.7%, oklch(73.56% 0.0491 239.25) 10.3%, oklch(72.68% 0.0475 223.18) 12.8%, oklch(71.93% 0.0459 206.55) 15.4%, oklch(71.42% 0.0442 189.88) 17.9%, oklch(71.24% 0.0426 173.69) 20.5%, oklch(71.50% 0.0411 158.51) 23.1%, oklch(72.31% 0.0396 144.74) 25.6%, oklch(73.81% 0.0378 130.57) 28.2%, oklch(75.92% 0.0355 115.56) 30.8%, oklch(78.48% 0.0331 100.26) 33.3%, oklch(81.32% 0.0307 85.18) 35.9%, oklch(84.29% 0.0285 70.84) 38.5%, oklch(87.22% 0.0267 57.78) 41.0%, oklch(89.95% 0.0254 46.53) 43.6%, oklch(92.33% 0.0250 37.60) 46.2%, oklch(94.19% 0.0255 31.53) 48.7%, oklch(95.44% 0.0227 28.76) 51.3%, oklch(96.37% 0.0179 28.92) 53.8%, oklch(97.04% 0.0146 31.62) 56.4%, oklch(97.47% 0.0127 36.52) 59.0%, oklch(97.67% 0.0121 43.27) 61.5%, oklch(97.64% 0.0131 51.52) 64.1%, oklch(97.40% 0.0161 60.92) 66.7%, oklch(96.96% 0.0224 71.12) 69.2%, oklch(96.32% 0.0351 81.79) 71.8%, oklch(95.51% 0.0637 92.58) 74.4%, oklch(94.40% 0.0739 104.08) 76.9%, oklch(92.80% 0.0740 118.08) 79.5%, oklch(90.81% 0.0732 133.95) 82.1%, oklch(88.55% 0.0715 150.99) 84.6%, oklch(86.15% 0.0694 168.49) 87.2%, oklch(83.74% 0.0669 185.73) 89.7%, oklch(81.43% 0.0645 202.01) 92.3%, oklch(79.35% 0.0622 216.60) 94.9%, oklch(77.63% 0.0604 228.81) 97.4%, oklch(76.38% 0.0593 237.91) 100.0%);