Violett, Rosa und Pfirsich, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 135°: #846eb2, #de819b, #f19768, #a24e6b, #2a1652. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#846eb2
#8b6eb2
#9470b3
#9f71b2
#ac73b0
#b976ad
#c679a9
#d37da2
#de819b
#e78693
#ee8c8a
#f39182
#f6967b
#f79974
#f69b6f
#f49a6b
#f19768
#eb9066
#e48765
#db7d65
#d07166
#c36568
#b4596a
#a24e6b
#90446c
#7e3a6b
#6b3268
#5a2b65
#4a2460
#3d1f5b
#321a57
#2a1652

CSS

background: linear-gradient(135deg in oklch, oklch(58.66% 0.1047 298.13) 0.0%, oklch(59.44% 0.1056 302.55) 3.2%, oklch(60.57% 0.1067 308.56) 6.5%, oklch(61.99% 0.1081 315.88) 9.7%, oklch(63.64% 0.1096 324.24) 12.9%, oklch(65.44% 0.1114 333.38) 16.1%, oklch(67.32% 0.1132 343.01) 19.4%, oklch(69.22% 0.1150 352.88) 22.6%, oklch(71.07% 0.1169 2.72) 25.8%, oklch(72.80% 0.1187 12.24) 29.0%, oklch(74.34% 0.1204 21.19) 32.3%, oklch(75.63% 0.1219 29.29) 35.5%, oklch(76.58% 0.1232 36.27) 38.7%, oklch(77.15% 0.1243 41.87) 41.9%, oklch(77.25% 0.1250 45.81) 45.2%, oklch(76.81% 0.1254 47.83) 48.4%, oklch(75.77% 0.1253 47.65) 51.6%, oklch(74.03% 0.1249 45.28) 54.8%, oklch(71.65% 0.1240 40.96) 58.1%, oklch(68.75% 0.1229 34.98) 61.3%, oklch(65.41% 0.1215 27.60) 64.5%, oklch(61.73% 0.1198 19.10) 67.7%, oklch(57.80% 0.1180 9.75) 71.0%, oklch(53.72% 0.1161 359.84) 74.2%, oklch(49.57% 0.1142 349.63) 77.4%, oklch(45.46% 0.1122 339.39) 80.6%, oklch(41.47% 0.1103 329.41) 83.9%, oklch(37.71% 0.1085 319.95) 87.1%, oklch(34.27% 0.1069 311.29) 90.3%, oklch(31.23% 0.1054 303.70) 93.5%, oklch(28.70% 0.1042 297.46) 96.8%, oklch(26.77% 0.1033 292.84) 100.0%);

In diesen Sammlungen

Farbverläufe in Orange und Violett