#E5E4E5 - #BC9AB6 | 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 #E5E4E5 mit #BC9AB6

#E5E4E5 #BC9AB6

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

#E5E4E5 - #BC9AB6 | 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 #E5E4E5 als 0% und #BC9AB6 als 100%.

0.0%	0.0% #E5E4E5	RGB 229 228 229	#E5E4E5
16.7%	16.7% #DED7DD	RGB 222 215 221	#DED7DD
33.3%	33.3% #D7CBD5	RGB 215 203 213	#D7CBD5
50.0%	50.0% #D0BFCD	RGB 208 191 205	#D0BFCD
66.7%	66.7% #C9B2C5	RGB 201 178 197	#C9B2C5
83.3%	83.3% #C2A6BD	RGB 194 166 189	#C2A6BD
100.0%	100.0% #BC9AB6	RGB 188 154 182	#BC9AB6

#E5E4E5 #DED7DD #D7CBD5 #D0BFCD #C9B2C5 #C2A6BD #BC9AB6

#E5E4E5 - #BC9AB6

HSV-Mischung

#E5E4E5 - #BC9AB6 | 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 #E5E4E5 als 0% und #BC9AB6 als 100%.

0.0%	0.0% #E5E4E5	RGB 229 228 229	#E5E4E5
16.7%	16.7% #DED6DD	RGB 222 214 221	#DED6DD
33.3%	33.3% #D7C9D6	RGB 215 201 214	#D7C9D6
50.0%	50.0% #D0BDCE	RGB 208 189 206	#D0BDCE
66.7%	66.7% #C9B1C6	RGB 201 177 198	#C9B1C6
83.3%	83.3% #C2A5BE	RGB 194 165 190	#C2A5BE
100.0%	100.0% #BC9AB6	RGB 188 154 182	#BC9AB6

#E5E4E5 #DED6DD #D7C9D6 #D0BDCE #C9B1C6 #C2A5BE #BC9AB6

#E5E4E5 - #D0BDCE - #BC9AB6

CSS-Codes

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

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