Zweifarbiges Rosa bis Beige, linearer Farbverlauf

Linearer Farbverlauf, 26 Farben im Winkel von 45°: #ff4f81, #ff677e, #ff9598, #fecbbd, #feffe2. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

5 bearbeitbare OKLCH-Keyframes.

#ff4f81
#ff5281
#ff5580
#ff597f
#ff5d7e
#ff627e
#ff677e
#ff6d80
#ff7383
#ff7987
#ff7f8b
#ff868f
#ff8e93
#ff9598
#ff9e9e
#fea7a5
#feb0ad
#fdb9b3
#fdc2b9
#fecbbd
#ffd4c1
#ffdfc6
#ffe9cd
#fff2d4
#fffad9
#feffe2

CSS

background: linear-gradient(45deg in oklch, oklch(68.50% 0.2132 7.73) 0.0%, oklch(68.75% 0.2102 8.41) 4.0%, oklch(69.06% 0.2064 9.37) 8.0%, oklch(69.43% 0.2020 10.49) 12.0%, oklch(69.89% 0.1969 11.68) 16.0%, oklch(70.44% 0.1913 12.84) 20.0%, oklch(71.08% 0.1851 13.85) 24.0%, oklch(71.82% 0.1783 14.61) 28.0%, oklch(72.65% 0.1712 15.11) 32.0%, oklch(73.57% 0.1636 15.51) 36.0%, oklch(74.58% 0.1554 15.95) 40.0%, oklch(75.70% 0.1466 16.60) 44.0%, oklch(76.91% 0.1371 17.61) 48.0%, oklch(78.24% 0.1271 18.95) 52.0%, oklch(79.72% 0.1165 19.80) 56.0%, oklch(81.31% 0.1046 20.57) 60.0%, oklch(83.00% 0.0919 21.86) 64.0%, oklch(84.73% 0.0800 24.28) 68.0%, oklch(86.49% 0.0696 28.46) 72.0%, oklch(88.24% 0.0616 35.04) 76.0%, oklch(90.18% 0.0550 45.45) 80.0%, oklch(92.29% 0.0483 58.79) 84.0%, oklch(94.40% 0.0440 73.39) 88.0%, oklch(96.36% 0.0420 87.59) 92.0%, oklch(98.02% 0.0429 99.72) 96.0%, oklch(99.21% 0.0371 108.11) 100.0%);

In diesen Sammlungen

Helle mehrfarbige Farbverläufe Farbpalette für den Hellmodus