#5E5C46 - #4D4E09 | 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 #5E5C46 mit #4D4E09

#5E5C46 #4D4E09

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

#5E5C46 - #4D4E09 | 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 #5E5C46 als 0% und #4D4E09 als 100%.

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #5B593B	RGB 91 89 59	#5B593B
33.3%	33.3% #585731	RGB 88 87 49	#585731
50.0%	50.0% #555527	RGB 85 85 39	#555527
66.7%	66.7% #52521D	RGB 82 82 29	#52521D
83.3%	83.3% #4F5013	RGB 79 80 19	#4F5013
100.0%	100.0% #4D4E09	RGB 77 78 9	#4D4E09

#5E5C46 #5B593B #585731 #555527 #52521D #4F5013 #4D4E09

#5E5C46 - #4D4E09

HSV-Mischung

#5E5C46 - #4D4E09 | 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 #5E5C46 als 0% und #4D4E09 als 100%.

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #5B593A	RGB 91 89 58	#5B593A
33.3%	33.3% #58562F	RGB 88 86 47	#58562F
50.0%	50.0% #565424	RGB 86 84 36	#565424
66.7%	66.7% #53521B	RGB 83 82 27	#53521B
83.3%	83.3% #505011	RGB 80 80 17	#505011
100.0%	100.0% #4D4E09	RGB 77 78 9	#4D4E09

#5E5C46 #5B593A #58562F #565424 #53521B #505011 #4D4E09

#5E5C46 - #565424 - #4D4E09

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C46 0%, #565424 50%, #4D4E09 100%);
    background: -webkit-linear-gradient(top, #5E5C46 0%, #565424 50%, #4D4E09 100%);
    background: linear-gradient(to bottom, #5E5C46 0%, #565424 50%, #4D4E09 100%);
}
</style>