#5E6057 - #C0AC7E | 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 #5E6057 mit #C0AC7E

#5E6057 #C0AC7E

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

#5E6057 - #C0AC7E | 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 #5E6057 als 0% und #C0AC7E als 100%.

0.0%	0.0% #5E6057	RGB 94 96 87	#5E6057
16.7%	16.7% #6E6C5D	RGB 110 108 93	#6E6C5D
33.3%	33.3% #7E7964	RGB 126 121 100	#7E7964
50.0%	50.0% #8F866A	RGB 143 134 106	#8F866A
66.7%	66.7% #9F9271	RGB 159 146 113	#9F9271
83.3%	83.3% #AF9F77	RGB 175 159 119	#AF9F77
100.0%	100.0% #C0AC7E	RGB 192 172 126	#C0AC7E

#5E6057 #6E6C5D #7E7964 #8F866A #9F9271 #AF9F77 #C0AC7E

#5E6057 - #C0AC7E

HSV-Mischung

#5E6057 - #C0AC7E | 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 #5E6057 als 0% und #C0AC7E als 100%.

0.0%	0.0% #5E6057	RGB 94 96 87	#5E6057
16.7%	16.7% #6D7060	RGB 109 112 96	#6D7060
33.3%	33.3% #7E8069	RGB 126 128 105	#7E8069
50.0%	50.0% #908E70	RGB 144 142 112	#908E70
66.7%	66.7% #A09A76	RGB 160 154 118	#A09A76
83.3%	83.3% #B0A47A	RGB 176 164 122	#B0A47A
100.0%	100.0% #C0AC7E	RGB 192 172 126	#C0AC7E

#5E6057 #6D7060 #7E8069 #908E70 #A09A76 #B0A47A #C0AC7E

#5E6057 - #908E70 - #C0AC7E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6057 0%, #908E70 50%, #C0AC7E 100%);
    background: -webkit-linear-gradient(top, #5E6057 0%, #908E70 50%, #C0AC7E 100%);
    background: linear-gradient(to bottom, #5E6057 0%, #908E70 50%, #C0AC7E 100%);
}
</style>