#ECE7DA - #CEB48C | 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 #ECE7DA mit #CEB48C

#ECE7DA #CEB48C

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

#ECE7DA - #CEB48C | 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 #ECE7DA als 0% und #CEB48C als 100%.

0.0%	0.0% #ECE7DA	RGB 236 231 218	#ECE7DA
16.7%	16.7% #E7DECD	RGB 231 222 205	#E7DECD
33.3%	33.3% #E2D6C0	RGB 226 214 192	#E2D6C0
50.0%	50.0% #DDCDB3	RGB 221 205 179	#DDCDB3
66.7%	66.7% #D8C5A6	RGB 216 197 166	#D8C5A6
83.3%	83.3% #D3BC99	RGB 211 188 153	#D3BC99
100.0%	100.0% #CEB48C	RGB 206 180 140	#CEB48C

#ECE7DA #E7DECD #E2D6C0 #DDCDB3 #D8C5A6 #D3BC99 #CEB48C

#ECE7DA - #CEB48C

HSV-Mischung

#ECE7DA - #CEB48C | 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 #ECE7DA als 0% und #CEB48C als 100%.

0.0%	0.0% #ECE7DA	RGB 236 231 218	#ECE7DA
16.7%	16.7% #E7DECB	RGB 231 222 203	#E7DECB
33.3%	33.3% #E2D6BE	RGB 226 214 190	#E2D6BE
50.0%	50.0% #DDCEB1	RGB 221 206 177	#DDCEB1
66.7%	66.7% #D8C5A4	RGB 216 197 164	#D8C5A4
83.3%	83.3% #D3BC97	RGB 211 188 151	#D3BC97
100.0%	100.0% #CEB48C	RGB 206 180 140	#CEB48C

#ECE7DA #E7DECB #E2D6BE #DDCEB1 #D8C5A4 #D3BC97 #CEB48C

#ECE7DA - #DDCEB1 - #CEB48C

CSS-Codes

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

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