#E9C5E7 - #B46BAE | 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 #E9C5E7 mit #B46BAE

#E9C5E7 #B46BAE

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

#E9C5E7 - #B46BAE | 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 #E9C5E7 als 0% und #B46BAE als 100%.

0.0%	0.0% #E9C5E7	RGB 233 197 231	#E9C5E7
16.7%	16.7% #E0B6DD	RGB 224 182 221	#E0B6DD
33.3%	33.3% #D7A7D4	RGB 215 167 212	#D7A7D4
50.0%	50.0% #CE98CA	RGB 206 152 202	#CE98CA
66.7%	66.7% #C589C1	RGB 197 137 193	#C589C1
83.3%	83.3% #BC7AB7	RGB 188 122 183	#BC7AB7
100.0%	100.0% #B46BAE	RGB 180 107 174	#B46BAE

#E9C5E7 #E0B6DD #D7A7D4 #CE98CA #C589C1 #BC7AB7 #B46BAE

#E9C5E7 - #B46BAE

HSV-Mischung

#E9C5E7 - #B46BAE | 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 #E9C5E7 als 0% und #B46BAE als 100%.

0.0%	0.0% #E9C5E7	RGB 233 197 231	#E9C5E7
16.7%	16.7% #E0B4DD	RGB 224 180 221	#E0B4DD
33.3%	33.3% #D7A4D4	RGB 215 164 212	#D7A4D4
50.0%	50.0% #CE94CA	RGB 206 148 202	#CE94CA
66.7%	66.7% #C586C1	RGB 197 134 193	#C586C1
83.3%	83.3% #BC78B7	RGB 188 120 183	#BC78B7
100.0%	100.0% #B46BAE	RGB 180 107 174	#B46BAE

#E9C5E7 #E0B4DD #D7A4D4 #CE94CA #C586C1 #BC78B7 #B46BAE

#E9C5E7 - #CE94CA - #B46BAE

CSS-Codes

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

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