#EDC5E2 - #FDFBF9 | Colorate

Colorate besitzt ein Farbschema-Tool für Designer und Entwickler. Es wird Sie inspirieren und Ihnen bei Ihrer Farbauswahl helfen. Mach diese Seite besser

Mischen Sie #EDC5E2 mit #FDFBF9

#EDC5E2 #FDFBF9

Berechnen Sie die Farbe zwischen zwei Farben, #EDC5E2 und #FDFBF9. Bei der Berechnung von RGB-Werten ist die Sättigung zwischen den verschiedenen Farben niedrig. Bei der Berechnung der HSV-Werte ist die Sättigung zwischen den verschiedenen Farben nicht niedrig.

RGB-Mischung (linear)

#EDC5E2 - #FDFBF9 | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem RGB-Wert. Bei Farben, die voneinander entfernt sind, verringert sich die Sättigung zwischen den beiden Farben. Erweitern Sie die Farbe zwischen zwei Farben mit #EDC5E2 als 0% und #FDFBF9 als 100%.

0.0%	0.0% #EDC5E2	RGB 237 197 226	#EDC5E2
16.7%	16.7% #EFCEE5	RGB 239 206 229	#EFCEE5
33.3%	33.3% #F2D7E9	RGB 242 215 233	#F2D7E9
50.0%	50.0% #F5E0ED	RGB 245 224 237	#F5E0ED
66.7%	66.7% #F7E9F1	RGB 247 233 241	#F7E9F1
83.3%	83.3% #FAF2F5	RGB 250 242 245	#FAF2F5
100.0%	100.0% #FDFBF9	RGB 253 251 249	#FDFBF9

#EDC5E2 #EFCEE5 #F2D7E9 #F5E0ED #F7E9F1 #FAF2F5 #FDFBF9

#EDC5E2 - #FDFBF9

HSV-Mischung

#EDC5E2 - #FDFBF9 | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem HSV-Wert. Selbst zwischen verschiedenen Farbfarben nimmt die Sättigung zwischen den zwei Farben nicht ab. Erweitern Sie die Farbe zwischen zwei Farben mit #EDC5E2 als 0% und #FDFBF9 als 100%.

0.0%	0.0% #EDC5E2	RGB 237 197 226	#EDC5E2
16.7%	16.7% #EFCDDF	RGB 239 205 223	#EFCDDF
33.3%	33.3% #F2D5DE	RGB 242 213 222	#F2D5DE
50.0%	50.0% #F5DEE0	RGB 245 222 224	#F5DEE0
66.7%	66.7% #F7E8E7	RGB 247 232 231	#F7E8E7
83.3%	83.3% #FAF3EF	RGB 250 243 239	#FAF3EF
100.0%	100.0% #FDFBF9	RGB 253 251 249	#FDFBF9

#EDC5E2 #EFCDDF #F2D5DE #F5DEE0 #F7E8E7 #FAF3EF #FDFBF9

#EDC5E2 - #F5DEE0 - #FDFBF9

CSS-Codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #EDC5E2 0%, #FDFBF9 100%);
    background: -webkit-linear-gradient(top, #EDC5E2 0%, #FDFBF9 100%);
    background: linear-gradient(to bottom, #EDC5E2 0%, #FDFBF9 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EDC5E2 0%, #F5DEE0 50%, #FDFBF9 100%);
    background: -webkit-linear-gradient(top, #EDC5E2 0%, #F5DEE0 50%, #FDFBF9 100%);
    background: linear-gradient(to bottom, #EDC5E2 0%, #F5DEE0 50%, #FDFBF9 100%);
}
</style>