#BDAD9D - #ECE7E3 | 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 #BDAD9D mit #ECE7E3

#BDAD9D #ECE7E3

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

#BDAD9D - #ECE7E3 | 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 #BDAD9D als 0% und #ECE7E3 als 100%.

0.0%	0.0% #BDAD9D	RGB 189 173 157	#BDAD9D
16.7%	16.7% #C4B6A8	RGB 196 182 168	#C4B6A8
33.3%	33.3% #CCC0B4	RGB 204 192 180	#CCC0B4
50.0%	50.0% #D4CAC0	RGB 212 202 192	#D4CAC0
66.7%	66.7% #DCD3CB	RGB 220 211 203	#DCD3CB
83.3%	83.3% #E4DDD7	RGB 228 221 215	#E4DDD7
100.0%	100.0% #ECE7E3	RGB 236 231 227	#ECE7E3

#BDAD9D #C4B6A8 #CCC0B4 #D4CAC0 #DCD3CB #E4DDD7 #ECE7E3

#BDAD9D - #ECE7E3

HSV-Mischung

#BDAD9D - #ECE7E3 | 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 #BDAD9D als 0% und #ECE7E3 als 100%.

0.0%	0.0% #BDAD9D	RGB 189 173 157	#BDAD9D
16.7%	16.7% #C4B6A7	RGB 196 182 167	#C4B6A7
33.3%	33.3% #CCBFB2	RGB 204 191 178	#CCBFB2
50.0%	50.0% #D4C8BE	RGB 212 200 190	#D4C8BE
66.7%	66.7% #DCD2CA	RGB 220 210 202	#DCD2CA
83.3%	83.3% #E4DCD6	RGB 228 220 214	#E4DCD6
100.0%	100.0% #ECE7E3	RGB 236 231 227	#ECE7E3

#BDAD9D #C4B6A7 #CCBFB2 #D4C8BE #DCD2CA #E4DCD6 #ECE7E3

#BDAD9D - #D4C8BE - #ECE7E3

CSS-Codes

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

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