Langsung ke konten

Palet Grabient

Ungu gelap, ungu, merah muda, dan merah muda terang, gradien linear

Palet warna Ungu gelap, ungu, merah muda, dan merah muda terang

Gradien linear, 96 warna dengan sudut 315°: #28123a, #7629c7, #d648d3, #f993c9, #fdf4ff. Edit dan ekspor CSS, SVG, PNG, atau shader.

4 keyframe OKLCH yang dapat diedit.

  • #28123a
  • #29133c
  • #2b133f
  • #2d1443
  • #301547
  • #32154b
  • #351650
  • #381755
  • #3b185a
  • #3e1960
  • #411a66
  • #451b6c
  • #481c73
  • #4c1c79
  • #4f1d80
  • #531e87
  • #571f8e
  • #5b2096
  • #5f229d
  • #6223a4
  • #6624ab
  • #6a25b3
  • #6e26b9
  • #7227c0
  • #7629c7
  • #7a2acd
  • #7e2bd3
  • #822dd8
  • #852edd
  • #8930e1
  • #8d31e5
  • #9133e9
  • #9534eb
  • #9936ed
  • #9d37ee
  • #a138ef
  • #a539ef
  • #a93bef
  • #ae3cee
  • #b23ded
  • #b63eeb
  • #bb3fe9
  • #bf40e7
  • #c341e4
  • #c742e1
  • #cb44dd
  • #cf45da
  • #d246d6
  • #d648d3
  • #d94acf
  • #dc4ccc
  • #df4ec8
  • #e150c5
  • #e452c2
  • #e655bf
  • #e858bc
  • #ea5aba
  • #eb5db8
  • #ed60b6
  • #ee63b5
  • #f066b4
  • #f16ab4
  • #f26db4
  • #f371b5
  • #f474b6
  • #f578b8
  • #f67cba
  • #f780bd
  • #f885c0
  • #f889c3
  • #f98ec6
  • #f993c9
  • #f997cd
  • #fa9cd1
  • #faa1d4
  • #faa6d8
  • #faabdc
  • #fab0df
  • #fab5e2
  • #fabae6
  • #fabee9
  • #f9c3ec
  • #f9c8ee
  • #f9ccf1
  • #f9d0f3
  • #f9d5f5
  • #fad9f7
  • #faddf8
  • #fae0fa
  • #fae4fb
  • #fbe7fc
  • #fbeafd
  • #fcedfd
  • #fceffe
  • #fcf2ff
  • #fdf4ff

CSS

background: linear-gradient(315deg in oklch, oklch(23.62% 0.0758 306.56) 0.0%, oklch(24.17% 0.0789 306.47) 1.1%, oklch(24.80% 0.0825 306.32) 2.1%, oklch(25.49% 0.0867 306.12) 3.2%, oklch(26.25% 0.0913 305.87) 4.2%, oklch(27.08% 0.0964 305.59) 5.3%, oklch(27.96% 0.1019 305.27) 6.3%, oklch(28.89% 0.1078 304.93) 7.4%, oklch(29.88% 0.1139 304.56) 8.4%, oklch(30.90% 0.1204 304.17) 9.5%, oklch(31.97% 0.1271 303.77) 10.5%, oklch(33.07% 0.1340 303.37) 11.6%, oklch(34.20% 0.1410 302.96) 12.6%, oklch(35.35% 0.1482 302.56) 13.7%, oklch(36.53% 0.1555 302.16) 14.7%, oklch(37.73% 0.1627 301.78) 15.8%, oklch(38.93% 0.1700 301.42) 16.8%, oklch(40.15% 0.1772 301.08) 17.9%, oklch(41.36% 0.1844 300.77) 18.9%, oklch(42.58% 0.1914 300.50) 20.0%, oklch(43.78% 0.1983 300.27) 21.1%, oklch(44.98% 0.2049 300.08) 22.1%, oklch(46.17% 0.2113 299.95) 23.2%, oklch(47.33% 0.2174 299.87) 24.2%, oklch(48.47% 0.2232 299.85) 25.3%, oklch(49.58% 0.2286 299.90) 26.3%, oklch(50.65% 0.2336 300.02) 27.4%, oklch(51.69% 0.2381 300.22) 28.4%, oklch(52.69% 0.2422 300.51) 29.5%, oklch(53.64% 0.2457 300.88) 30.5%, oklch(54.54% 0.2486 301.34) 31.6%, oklch(55.38% 0.2510 301.90) 32.6%, oklch(56.16% 0.2527 302.57) 33.7%, oklch(56.90% 0.2539 303.40) 34.7%, oklch(57.60% 0.2547 304.40) 35.8%, oklch(58.27% 0.2551 305.54) 36.8%, oklch(58.90% 0.2552 306.83) 37.9%, oklch(59.51% 0.2549 308.24) 38.9%, oklch(60.08% 0.2542 309.77) 40.0%, oklch(60.63% 0.2533 311.40) 41.1%, oklch(61.16% 0.2520 313.12) 42.1%, oklch(61.67% 0.2505 314.92) 43.2%, oklch(62.16% 0.2486 316.79) 44.2%, oklch(62.63% 0.2465 318.71) 45.3%, oklch(63.09% 0.2442 320.67) 46.3%, oklch(63.53% 0.2417 322.66) 47.4%, oklch(63.97% 0.2389 324.67) 48.4%, oklch(64.40% 0.2360 326.69) 49.5%, oklch(64.83% 0.2328 328.70) 50.5%, oklch(65.25% 0.2296 330.69) 51.6%, oklch(65.68% 0.2261 332.65) 52.6%, oklch(66.10% 0.2226 334.57) 53.7%, oklch(66.53% 0.2189 336.43) 54.7%, oklch(66.97% 0.2152 338.23) 55.8%, oklch(67.41% 0.2114 339.94) 56.8%, oklch(67.87% 0.2075 341.57) 57.9%, oklch(68.34% 0.2036 343.08) 58.9%, oklch(68.83% 0.1996 344.49) 60.0%, oklch(69.34% 0.1956 345.76) 61.1%, oklch(69.86% 0.1917 346.90) 62.1%, oklch(70.41% 0.1877 347.88) 63.2%, oklch(70.99% 0.1838 348.69) 64.2%, oklch(71.59% 0.1800 349.33) 65.3%, oklch(72.22% 0.1762 349.78) 66.3%, oklch(72.89% 0.1725 350.04) 67.4%, oklch(73.60% 0.1684 350.12) 68.4%, oklch(74.34% 0.1641 350.03) 69.5%, oklch(75.12% 0.1595 349.78) 70.5%, oklch(75.92% 0.1547 349.39) 71.6%, oklch(76.76% 0.1496 348.86) 72.6%, oklch(77.62% 0.1444 348.20) 73.7%, oklch(78.50% 0.1390 347.43) 74.7%, oklch(79.40% 0.1335 346.56) 75.8%, oklch(80.31% 0.1279 345.58) 76.8%, oklch(81.23% 0.1221 344.52) 77.9%, oklch(82.17% 0.1163 343.39) 78.9%, oklch(83.11% 0.1104 342.19) 80.0%, oklch(84.05% 0.1045 340.93) 81.1%, oklch(84.98% 0.0985 339.63) 82.1%, oklch(85.92% 0.0926 338.29) 83.2%, oklch(86.84% 0.0867 336.93) 84.2%, oklch(87.76% 0.0809 335.55) 85.3%, oklch(88.66% 0.0752 334.17) 86.3%, oklch(89.54% 0.0695 332.79) 87.4%, oklch(90.41% 0.0640 331.43) 88.4%, oklch(91.25% 0.0586 330.09) 89.5%, oklch(92.06% 0.0534 328.79) 90.5%, oklch(92.84% 0.0484 327.53) 91.6%, oklch(93.59% 0.0436 326.32) 92.6%, oklch(94.31% 0.0391 325.19) 93.7%, oklch(94.98% 0.0348 324.13) 94.7%, oklch(95.61% 0.0307 323.15) 95.8%, oklch(96.19% 0.0270 322.27) 96.8%, oklch(96.73% 0.0236 321.49) 97.9%, oklch(97.21% 0.0206 320.83) 98.9%, oklch(97.64% 0.0179 320.30) 100.0%);

Ada di koleksi berikut

Gradien hero section

Palet serupaKoleksiUnduh PNGJSON paletMarkdownCara kerjanya