콘텐츠로 건너뛰기

Grabient 팔레트

파스텔 피치·청록·파랑·베이지 선형 그라데이션

색상 100개로 된 파스텔 피치·청록·파랑·베이지 팔레트예요. #f3c2a7, #f2a598, #e0966c, #75af8d, #7eb1ba, #a1c6c3, #c6d9c2, #f0e2c6. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.

색상 100개, 편집할 수 있는 OKLCH 키프레임 5개.

  • #f3c2a7
  • #f3c1a6
  • #f3bfa5
  • #f3bea4
  • #f3bca2
  • #f3baa1
  • #f3b8a0
  • #f3b69f
  • #f3b49e
  • #f3b29d
  • #f3af9c
  • #f3ad9b
  • #f3aa9a
  • #f2a899
  • #f2a598
  • #f1a396
  • #f1a195
  • #f09e94
  • #f09c92
  • #ef9b90
  • #ee998e
  • #ed978b
  • #ec9688
  • #eb9584
  • #ea9580
  • #e8947c
  • #e69577
  • #e39572
  • #e0966c
  • #dc9866
  • #d79961
  • #d19c5d
  • #ca9e5a
  • #c3a159
  • #baa35a
  • #b1a65d
  • #a8a862
  • #9eaa68
  • #94ac6f
  • #8bad76
  • #83ae7e
  • #7baf86
  • #75af8d
  • #70af94
  • #6caf9a
  • #6baea0
  • #6aaea5
  • #6aada9
  • #6badac
  • #6dadaf
  • #6facb1
  • #70adb3
  • #73adb4
  • #75adb6
  • #77aeb7
  • #7aafb8
  • #7cb0b9
  • #7eb1ba
  • #81b2bb
  • #83b3bc
  • #86b5bd
  • #88b6bd
  • #8ab8be
  • #8db9bf
  • #8fbbbf
  • #92bdc0
  • #94bec1
  • #97c0c1
  • #99c2c2
  • #9cc3c2
  • #9ec5c3
  • #a1c6c3
  • #a3c8c3
  • #a5c9c4
  • #a8cbc4
  • #aaccc4
  • #accdc5
  • #aecfc5
  • #b1d0c4
  • #b3d2c4
  • #b6d3c4
  • #b9d4c4
  • #bcd6c3
  • #bfd7c3
  • #c3d8c3
  • #c6d9c2
  • #cadac2
  • #cddbc2
  • #d1dcc2
  • #d4ddc2
  • #d8dec2
  • #dbdfc2
  • #dedfc2
  • #e2e0c2
  • #e5e0c3
  • #e7e1c3
  • #eae1c4
  • #ece2c5
  • #eee2c6
  • #f0e2c6

CSS

background: linear-gradient(140deg in oklch, oklch(85.04% 0.0675 49.92) 0.0%, oklch(84.81% 0.0685 49.48) 1.0%, oklch(84.54% 0.0696 48.75) 2.0%, oklch(84.24% 0.0710 47.75) 3.0%, oklch(83.90% 0.0726 46.54) 4.0%, oklch(83.53% 0.0744 45.14) 5.1%, oklch(83.14% 0.0763 43.60) 6.1%, oklch(82.72% 0.0783 41.94) 7.1%, oklch(82.28% 0.0804 40.22) 8.1%, oklch(81.82% 0.0826 38.47) 9.1%, oklch(81.35% 0.0848 36.72) 10.1%, oklch(80.87% 0.0871 35.02) 11.1%, oklch(80.38% 0.0893 33.40) 12.1%, oklch(79.88% 0.0916 31.89) 13.1%, oklch(79.38% 0.0937 30.55) 14.1%, oklch(78.89% 0.0958 29.40) 15.2%, oklch(78.40% 0.0978 28.48) 16.2%, oklch(77.92% 0.0997 27.83) 17.2%, oklch(77.45% 0.1015 27.50) 18.2%, oklch(76.99% 0.1030 27.51) 19.2%, oklch(76.55% 0.1044 27.90) 20.2%, oklch(76.13% 0.1055 28.72) 21.2%, oklch(75.74% 0.1065 29.99) 22.2%, oklch(75.37% 0.1071 31.77) 23.2%, oklch(75.03% 0.1074 34.08) 24.2%, oklch(74.73% 0.1075 36.97) 25.3%, oklch(74.43% 0.1072 40.63) 26.3%, oklch(74.13% 0.1066 45.09) 27.3%, oklch(73.83% 0.1058 50.26) 28.3%, oklch(73.52% 0.1048 56.07) 29.3%, oklch(73.22% 0.1036 62.46) 30.3%, oklch(72.93% 0.1021 69.35) 31.3%, oklch(72.64% 0.1005 76.68) 32.3%, oklch(72.35% 0.0988 84.36) 33.3%, oklch(72.08% 0.0969 92.34) 34.3%, oklch(71.82% 0.0948 100.53) 35.4%, oklch(71.57% 0.0927 108.87) 36.4%, oklch(71.34% 0.0905 117.29) 37.4%, oklch(71.12% 0.0883 125.72) 38.4%, oklch(70.92% 0.0860 134.07) 39.4%, oklch(70.75% 0.0837 142.29) 40.4%, oklch(70.59% 0.0814 150.31) 41.4%, oklch(70.47% 0.0791 158.04) 42.4%, oklch(70.36% 0.0769 165.43) 43.4%, oklch(70.29% 0.0747 172.39) 44.4%, oklch(70.25% 0.0726 178.86) 45.5%, oklch(70.23% 0.0707 184.77) 46.5%, oklch(70.26% 0.0688 190.04) 47.5%, oklch(70.31% 0.0671 194.61) 48.5%, oklch(70.41% 0.0655 198.40) 49.5%, oklch(70.55% 0.0641 201.40) 50.5%, oklch(70.73% 0.0627 203.89) 51.5%, oklch(70.96% 0.0613 205.94) 52.5%, oklch(71.24% 0.0600 207.59) 53.5%, oklch(71.55% 0.0586 208.83) 54.5%, oklch(71.91% 0.0573 209.71) 55.6%, oklch(72.29% 0.0560 210.23) 56.6%, oklch(72.71% 0.0547 210.42) 57.6%, oklch(73.15% 0.0535 210.29) 58.6%, oklch(73.62% 0.0523 209.88) 59.6%, oklch(74.11% 0.0511 209.19) 60.6%, oklch(74.62% 0.0499 208.25) 61.6%, oklch(75.14% 0.0488 207.09) 62.6%, oklch(75.67% 0.0477 205.71) 63.6%, oklch(76.22% 0.0466 204.15) 64.6%, oklch(76.76% 0.0456 202.41) 65.7%, oklch(77.31% 0.0447 200.53) 66.7%, oklch(77.86% 0.0437 198.52) 67.7%, oklch(78.40% 0.0429 196.40) 68.7%, oklch(78.94% 0.0420 194.20) 69.7%, oklch(79.46% 0.0413 191.93) 70.7%, oklch(79.97% 0.0405 189.61) 71.7%, oklch(80.47% 0.0399 187.27) 72.7%, oklch(80.94% 0.0393 184.92) 73.7%, oklch(81.39% 0.0387 182.59) 74.7%, oklch(81.82% 0.0382 180.17) 75.8%, oklch(82.27% 0.0378 177.38) 76.8%, oklch(82.72% 0.0375 174.24) 77.8%, oklch(83.19% 0.0373 170.77) 78.8%, oklch(83.66% 0.0371 167.03) 79.8%, oklch(84.14% 0.0370 163.04) 80.8%, oklch(84.62% 0.0370 158.83) 81.8%, oklch(85.10% 0.0370 154.44) 82.8%, oklch(85.59% 0.0371 149.91) 83.8%, oklch(86.07% 0.0372 145.27) 84.8%, oklch(86.54% 0.0373 140.55) 85.9%, oklch(87.01% 0.0375 135.79) 86.9%, oklch(87.48% 0.0377 131.02) 87.9%, oklch(87.93% 0.0379 126.29) 88.9%, oklch(88.37% 0.0382 121.61) 89.9%, oklch(88.80% 0.0384 117.03) 90.9%, oklch(89.21% 0.0386 112.58) 91.9%, oklch(89.60% 0.0389 108.30) 92.9%, oklch(89.98% 0.0391 104.22) 93.9%, oklch(90.34% 0.0393 100.37) 94.9%, oklch(90.67% 0.0395 96.79) 96.0%, oklch(90.98% 0.0397 93.51) 97.0%, oklch(91.26% 0.0398 90.57) 98.0%, oklch(91.51% 0.0399 88.01) 99.0%, oklch(91.73% 0.0400 85.85) 100.0%);

이 팔레트가 담긴 컬렉션

연한 멀티컬러 그라데이션

비슷한 팔레트컬렉션PNG 다운로드팔레트 JSONMarkdown작동 방식