#ECE7DA - #CDB68C | 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 #CDB68C

#ECE7DA #CDB68C

Berechnen Sie die Farbe zwischen zwei Farben, #ECE7DA und #CDB68C. 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 - #CDB68C | 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 #CDB68C als 100%.

0.0%	0.0% #ECE7DA	RGB 236 231 218	#ECE7DA
16.7%	16.7% #E6DECD	RGB 230 222 205	#E6DECD
33.3%	33.3% #E1D6C0	RGB 225 214 192	#E1D6C0
50.0%	50.0% #DCCEB3	RGB 220 206 179	#DCCEB3
66.7%	66.7% #D7C6A6	RGB 215 198 166	#D7C6A6
83.3%	83.3% #D2BE99	RGB 210 190 153	#D2BE99
100.0%	100.0% #CDB68C	RGB 205 182 140	#CDB68C

#ECE7DA #E6DECD #E1D6C0 #DCCEB3 #D7C6A6 #D2BE99 #CDB68C

#ECE7DA - #CDB68C

HSV-Mischung

#ECE7DA - #CDB68C | 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 #CDB68C als 100%.

0.0%	0.0% #ECE7DA	RGB 236 231 218	#ECE7DA
16.7%	16.7% #E6DFCB	RGB 230 223 203	#E6DFCB
33.3%	33.3% #E1D6BE	RGB 225 214 190	#E1D6BE
50.0%	50.0% #DCCEB1	RGB 220 206 177	#DCCEB1
66.7%	66.7% #D7C6A4	RGB 215 198 164	#D7C6A4
83.3%	83.3% #D2BE97	RGB 210 190 151	#D2BE97
100.0%	100.0% #CDB68C	RGB 205 182 140	#CDB68C

#ECE7DA #E6DFCB #E1D6BE #DCCEB1 #D7C6A4 #D2BE97 #CDB68C

#ECE7DA - #DCCEB1 - #CDB68C

CSS-Codes

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

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