#CECCC3 - #A69271 | 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 #CECCC3 mit #A69271

#CECCC3 #A69271

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

#CECCC3 - #A69271 | 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 #CECCC3 als 0% und #A69271 als 100%.

0.0%	0.0% #CECCC3	RGB 206 204 195	#CECCC3
16.7%	16.7% #C7C2B5	RGB 199 194 181	#C7C2B5
33.3%	33.3% #C0B8A7	RGB 192 184 167	#C0B8A7
50.0%	50.0% #BAAF9A	RGB 186 175 154	#BAAF9A
66.7%	66.7% #B3A58C	RGB 179 165 140	#B3A58C
83.3%	83.3% #AC9B7E	RGB 172 155 126	#AC9B7E
100.0%	100.0% #A69271	RGB 166 146 113	#A69271

#CECCC3 #C7C2B5 #C0B8A7 #BAAF9A #B3A58C #AC9B7E #A69271

#CECCC3 - #A69271

HSV-Mischung

#CECCC3 - #A69271 | 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 #CECCC3 als 0% und #A69271 als 100%.

0.0%	0.0% #CECCC3	RGB 206 204 195	#CECCC3
16.7%	16.7% #C7C3B3	RGB 199 195 179	#C7C3B3
33.3%	33.3% #C0B9A5	RGB 192 185 165	#C0B9A5
50.0%	50.0% #BAB097	RGB 186 176 151	#BAB097
66.7%	66.7% #B3A689	RGB 179 166 137	#B3A689
83.3%	83.3% #AC9C7D	RGB 172 156 125	#AC9C7D
100.0%	100.0% #A69271	RGB 166 146 113	#A69271

#CECCC3 #C7C3B3 #C0B9A5 #BAB097 #B3A689 #AC9C7D #A69271

#CECCC3 - #BAB097 - #A69271

CSS-Codes

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

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