#ECDAE1 - #ECCDDB | 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 #ECDAE1 mit #ECCDDB

#ECDAE1 #ECCDDB

Berechnen Sie die Farbe zwischen zwei Farben, #ECDAE1 und #ECCDDB. 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)

#ECDAE1 - #ECCDDB | 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 #ECDAE1 als 0% und #ECCDDB als 100%.

0.0%	0.0% #ECDAE1	RGB 236 218 225	#ECDAE1
16.7%	16.7% #ECD7E0	RGB 236 215 224	#ECD7E0
33.3%	33.3% #ECD5DF	RGB 236 213 223	#ECD5DF
50.0%	50.0% #ECD3DE	RGB 236 211 222	#ECD3DE
66.7%	66.7% #ECD1DD	RGB 236 209 221	#ECD1DD
83.3%	83.3% #ECCFDC	RGB 236 207 220	#ECCFDC
100.0%	100.0% #ECCDDB	RGB 236 205 219	#ECCDDB

#ECDAE1 #ECD7E0 #ECD5DF #ECD3DE #ECD1DD #ECCFDC #ECCDDB

#ECDAE1 - #ECCDDB

HSV-Mischung

#ECDAE1 - #ECCDDB | 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 #ECDAE1 als 0% und #ECCDDB als 100%.

0.0%	0.0% #ECDAE1	RGB 236 218 225	#ECDAE1
16.7%	16.7% #ECD7DF	RGB 236 215 223	#ECD7DF
33.3%	33.3% #ECD5DE	RGB 236 213 222	#ECD5DE
50.0%	50.0% #ECD3DD	RGB 236 211 221	#ECD3DD
66.7%	66.7% #ECD1DC	RGB 236 209 220	#ECD1DC
83.3%	83.3% #ECCFDB	RGB 236 207 219	#ECCFDB
100.0%	100.0% #ECCDDB	RGB 236 205 219	#ECCDDB

#ECDAE1 #ECD7DF #ECD5DE #ECD3DD #ECD1DC #ECCFDB #ECCDDB

#ECDAE1 - #ECD3DD - #ECCDDB

CSS-Codes

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

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