#E5E0CF - #C4AC7E | 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 #E5E0CF mit #C4AC7E

#E5E0CF #C4AC7E

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

#E5E0CF - #C4AC7E | 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 #E5E0CF als 0% und #C4AC7E als 100%.

0.0%	0.0% #E5E0CF	RGB 229 224 207	#E5E0CF
16.7%	16.7% #DFD7C1	RGB 223 215 193	#DFD7C1
33.3%	33.3% #DACEB4	RGB 218 206 180	#DACEB4
50.0%	50.0% #D4C6A6	RGB 212 198 166	#D4C6A6
66.7%	66.7% #CFBD99	RGB 207 189 153	#CFBD99
83.3%	83.3% #C9B48B	RGB 201 180 139	#C9B48B
100.0%	100.0% #C4AC7E	RGB 196 172 126	#C4AC7E

#E5E0CF #DFD7C1 #DACEB4 #D4C6A6 #CFBD99 #C9B48B #C4AC7E

#E5E0CF - #C4AC7E

HSV-Mischung

#E5E0CF - #C4AC7E | 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 #E5E0CF als 0% und #C4AC7E als 100%.

0.0%	0.0% #E5E0CF	RGB 229 224 207	#E5E0CF
16.7%	16.7% #DFD7C0	RGB 223 215 192	#DFD7C0
33.3%	33.3% #DACFB2	RGB 218 207 178	#DACFB2
50.0%	50.0% #D4C6A4	RGB 212 198 164	#D4C6A4
66.7%	66.7% #CFBD97	RGB 207 189 151	#CFBD97
83.3%	83.3% #C9B58A	RGB 201 181 138	#C9B58A
100.0%	100.0% #C4AC7E	RGB 196 172 126	#C4AC7E

#E5E0CF #DFD7C0 #DACFB2 #D4C6A4 #CFBD97 #C9B58A #C4AC7E

#E5E0CF - #D4C6A4 - #C4AC7E

CSS-Codes

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

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