#EEE5E5 - #C6A49B | 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 #EEE5E5 mit #C6A49B

#EEE5E5 #C6A49B

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

#EEE5E5 - #C6A49B | 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 #EEE5E5 als 0% und #C6A49B als 100%.

0.0%	0.0% #EEE5E5	RGB 238 229 229	#EEE5E5
16.7%	16.7% #E7DAD8	RGB 231 218 216	#E7DAD8
33.3%	33.3% #E0CFCC	RGB 224 207 204	#E0CFCC
50.0%	50.0% #DAC4C0	RGB 218 196 192	#DAC4C0
66.7%	66.7% #D3B9B3	RGB 211 185 179	#D3B9B3
83.3%	83.3% #CCAEA7	RGB 204 174 167	#CCAEA7
100.0%	100.0% #C6A49B	RGB 198 164 155	#C6A49B

#EEE5E5 #E7DAD8 #E0CFCC #DAC4C0 #D3B9B3 #CCAEA7 #C6A49B

#EEE5E5 - #C6A49B

HSV-Mischung

#EEE5E5 - #C6A49B | 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 #EEE5E5 als 0% und #C6A49B als 100%.

0.0%	0.0% #EEE5E5	RGB 238 229 229	#EEE5E5
16.7%	16.7% #E7D8D7	RGB 231 216 215	#E7D8D7
33.3%	33.3% #E0CCCA	RGB 224 204 202	#E0CCCA
50.0%	50.0% #DAC1BE	RGB 218 193 190	#DAC1BE
66.7%	66.7% #D3B6B2	RGB 211 182 178	#D3B6B2
83.3%	83.3% #CCADA6	RGB 204 173 166	#CCADA6
100.0%	100.0% #C6A49B	RGB 198 164 155	#C6A49B

#EEE5E5 #E7D8D7 #E0CCCA #DAC1BE #D3B6B2 #CCADA6 #C6A49B

#EEE5E5 - #DAC1BE - #C6A49B

CSS-Codes

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

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