#ECE2B7 - #CFB261 | 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 #ECE2B7 mit #CFB261

#ECE2B7 #CFB261

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

#ECE2B7 - #CFB261 | 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 #ECE2B7 als 0% und #CFB261 als 100%.

0.0%	0.0% #ECE2B7	RGB 236 226 183	#ECE2B7
16.7%	16.7% #E7DAA8	RGB 231 218 168	#E7DAA8
33.3%	33.3% #E2D29A	RGB 226 210 154	#E2D29A
50.0%	50.0% #DDCA8C	RGB 221 202 140	#DDCA8C
66.7%	66.7% #D8C27D	RGB 216 194 125	#D8C27D
83.3%	83.3% #D3BA6F	RGB 211 186 111	#D3BA6F
100.0%	100.0% #CFB261	RGB 207 178 97	#CFB261

#ECE2B7 #E7DAA8 #E2D29A #DDCA8C #D8C27D #D3BA6F #CFB261

#ECE2B7 - #CFB261

HSV-Mischung

#ECE2B7 - #CFB261 | 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 #ECE2B7 als 0% und #CFB261 als 100%.

0.0%	0.0% #ECE2B7	RGB 236 226 183	#ECE2B7
16.7%	16.7% #E7DAA7	RGB 231 218 167	#E7DAA7
33.3%	33.3% #E2D298	RGB 226 210 152	#E2D298
50.0%	50.0% #DDCA89	RGB 221 202 137	#DDCA89
66.7%	66.7% #D8C27B	RGB 216 194 123	#D8C27B
83.3%	83.3% #D3BA6E	RGB 211 186 110	#D3BA6E
100.0%	100.0% #CFB261	RGB 207 178 97	#CFB261

#ECE2B7 #E7DAA7 #E2D298 #DDCA89 #D8C27B #D3BA6E #CFB261

#ECE2B7 - #DDCA89 - #CFB261

CSS-Codes

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

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