Nahtloses kräftiges Violett und Rosa, konischer Farbverlauf

Palette Nahtloses kräftiges Violett und Rosa mit 40 Farben. #24103a, #f32dab, #24103a. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

40 Farben, 4 bearbeitbare OKLCH-Keyframes.

#24103a
#281241
#2e154b
#351757
#3c1a66
#451e76
#4d2187
#572599
#6028ab
#6a2cbc
#742fcc
#7e31da
#8933e4
#9334ea
#a034ec
#ae33ea
#bd31e4
#cd30da
#db2ecd
#e82dbd
#f32dab
#fa2f99
#ff3388
#ff3979
#fe3c6c
#fa3f63
#f4405f
#eb3e5e
#de3b61
#cd3864
#bb3367
#a62f68
#912b68
#7b2765
#67235f
#541e58
#431a50
#361648
#2b1340
#24103a

CSS

background: conic-gradient(from 30deg in oklch, oklch(22.83% 0.0772 302.34) 0.0%, oklch(24.36% 0.0855 302.14) 2.6%, oklch(26.35% 0.0966 301.60) 5.1%, oklch(28.71% 0.1099 300.83) 7.7%, oklch(31.37% 0.1251 299.92) 10.3%, oklch(34.26% 0.1414 298.98) 12.8%, oklch(37.29% 0.1584 298.10) 15.4%, oklch(40.38% 0.1756 297.39) 17.9%, oklch(43.46% 0.1923 296.96) 20.5%, oklch(46.45% 0.2082 296.89) 23.1%, oklch(49.26% 0.2227 297.29) 25.6%, oklch(51.83% 0.2352 298.27) 28.2%, oklch(54.07% 0.2452 299.92) 30.8%, oklch(55.91% 0.2522 302.34) 33.3%, oklch(57.51% 0.2565 306.01) 35.9%, oklch(59.09% 0.2591 311.13) 38.5%, oklch(60.60% 0.2601 317.39) 41.0%, oklch(62.02% 0.2597 324.50) 43.6%, oklch(63.31% 0.2579 332.14) 46.2%, oklch(64.43% 0.2550 340.02) 48.7%, oklch(65.34% 0.2510 347.83) 51.3%, oklch(66.02% 0.2463 355.27) 53.8%, oklch(66.42% 0.2408 2.04) 56.4%, oklch(66.51% 0.2322 7.83) 59.0%, oklch(66.25% 0.2283 12.34) 61.5%, oklch(65.62% 0.2217 15.27) 64.1%, oklch(64.57% 0.2150 16.32) 66.7%, oklch(62.89% 0.2073 15.27) 69.2%, oklch(60.50% 0.1979 12.34) 71.8%, oklch(57.52% 0.1872 7.83) 74.4%, oklch(54.07% 0.1755 2.04) 76.9%, oklch(50.29% 0.1630 355.27) 79.5%, oklch(46.28% 0.1502 347.83) 82.1%, oklch(42.19% 0.1373 340.02) 84.6%, oklch(38.14% 0.1247 332.14) 87.2%, oklch(34.25% 0.1127 324.50) 89.7%, oklch(30.65% 0.1016 317.39) 92.3%, oklch(27.46% 0.0918 311.13) 94.9%, oklch(24.81% 0.0835 306.01) 97.4%, oklch(22.83% 0.0772 302.34) 100.0%);

In diesen Sammlungen

Farbverläufe für den Hero-Bereich