#CCC2BB - #8F8C5E | 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 #CCC2BB mit #8F8C5E

#CCC2BB #8F8C5E

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

#CCC2BB - #8F8C5E | 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 #CCC2BB als 0% und #8F8C5E als 100%.

0.0%	0.0% #CCC2BB	RGB 204 194 187	#CCC2BB
16.7%	16.7% #C1B9AB	RGB 193 185 171	#C1B9AB
33.3%	33.3% #B7B09C	RGB 183 176 156	#B7B09C
50.0%	50.0% #ADA78C	RGB 173 167 140	#ADA78C
66.7%	66.7% #A39E7D	RGB 163 158 125	#A39E7D
83.3%	83.3% #99956D	RGB 153 149 109	#99956D
100.0%	100.0% #8F8C5E	RGB 143 140 94	#8F8C5E

#CCC2BB #C1B9AB #B7B09C #ADA78C #A39E7D #99956D #8F8C5E

#CCC2BB - #8F8C5E

HSV-Mischung

#CCC2BB - #8F8C5E | 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 #CCC2BB als 0% und #8F8C5E als 100%.

0.0%	0.0% #CCC2BB	RGB 204 194 187	#CCC2BB
16.7%	16.7% #C1B5A9	RGB 193 181 169	#C1B5A9
33.3%	33.3% #B7AA98	RGB 183 170 152	#B7AA98
50.0%	50.0% #ADA188	RGB 173 161 136	#ADA188
66.7%	66.7% #A39979	RGB 163 153 121	#A39979
83.3%	83.3% #99926B	RGB 153 146 107	#99926B
100.0%	100.0% #8F8C5E	RGB 143 140 94	#8F8C5E

#CCC2BB #C1B5A9 #B7AA98 #ADA188 #A39979 #99926B #8F8C5E

#CCC2BB - #ADA188 - #8F8C5E

CSS-Codes

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

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