#4D4023 - #CCC8C0 | 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 #4D4023 mit #CCC8C0

#4D4023 #CCC8C0

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

#4D4023 - #CCC8C0 | 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 #4D4023 als 0% und #CCC8C0 als 100%.

0.0%	0.0% #4D4023	RGB 77 64 35	#4D4023
16.7%	16.7% #62563D	RGB 98 86 61	#62563D
33.3%	33.3% #776D57	RGB 119 109 87	#776D57
50.0%	50.0% #8C8471	RGB 140 132 113	#8C8471
66.7%	66.7% #A19A8B	RGB 161 154 139	#A19A8B
83.3%	83.3% #B6B1A5	RGB 182 177 165	#B6B1A5
100.0%	100.0% #CCC8C0	RGB 204 200 192	#CCC8C0

#4D4023 #62563D #776D57 #8C8471 #A19A8B #B6B1A5 #CCC8C0

#4D4023 - #CCC8C0

HSV-Mischung

#4D4023 - #CCC8C0 | 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 #4D4023 als 0% und #CCC8C0 als 100%.

0.0%	0.0% #4D4023	RGB 77 64 35	#4D4023
16.7%	16.7% #625334	RGB 98 83 52	#625334
33.3%	33.3% #776849	RGB 119 104 73	#776849
50.0%	50.0% #8C7E62	RGB 140 126 98	#8C7E62
66.7%	66.7% #A1967D	RGB 161 150 125	#A1967D
83.3%	83.3% #B6AE9D	RGB 182 174 157	#B6AE9D
100.0%	100.0% #CCC8C0	RGB 204 200 192	#CCC8C0

#4D4023 #625334 #776849 #8C7E62 #A1967D #B6AE9D #CCC8C0

#4D4023 - #8C7E62 - #CCC8C0

CSS-Codes

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

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