#BEA8AE - #ECE6E7 | 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 #BEA8AE mit #ECE6E7

#BEA8AE #ECE6E7

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

#BEA8AE - #ECE6E7 | 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 #BEA8AE als 0% und #ECE6E7 als 100%.

0.0%	0.0% #BEA8AE	RGB 190 168 174	#BEA8AE
16.7%	16.7% #C5B2B7	RGB 197 178 183	#C5B2B7
33.3%	33.3% #CDBCC1	RGB 205 188 193	#CDBCC1
50.0%	50.0% #D5C7CA	RGB 213 199 202	#D5C7CA
66.7%	66.7% #DCD1D4	RGB 220 209 212	#DCD1D4
83.3%	83.3% #E4DBDD	RGB 228 219 221	#E4DBDD
100.0%	100.0% #ECE6E7	RGB 236 230 231	#ECE6E7

#BEA8AE #C5B2B7 #CDBCC1 #D5C7CA #DCD1D4 #E4DBDD #ECE6E7

#BEA8AE - #ECE6E7

HSV-Mischung

#BEA8AE - #ECE6E7 | 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 #BEA8AE als 0% und #ECE6E7 als 100%.

0.0%	0.0% #BEA8AE	RGB 190 168 174	#BEA8AE
16.7%	16.7% #C5B1B6	RGB 197 177 182	#C5B1B6
33.3%	33.3% #CDBBBF	RGB 205 187 191	#CDBBBF
50.0%	50.0% #D5C5C9	RGB 213 197 201	#D5C5C9
66.7%	66.7% #DCD0D2	RGB 220 208 210	#DCD0D2
83.3%	83.3% #E4DBDC	RGB 228 219 220	#E4DBDC
100.0%	100.0% #ECE6E7	RGB 236 230 231	#ECE6E7

#BEA8AE #C5B1B6 #CDBBBF #D5C5C9 #DCD0D2 #E4DBDC #ECE6E7

#BEA8AE - #D5C5C9 - #ECE6E7

CSS-Codes

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

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