#5E985F - #A2B3A8 | 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 #5E985F mit #A2B3A8

#5E985F #A2B3A8

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

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

0.0%	0.0% #5E985F	RGB 94 152 95	#5E985F
16.7%	16.7% #699C6B	RGB 105 156 107	#699C6B
33.3%	33.3% #74A177	RGB 116 161 119	#74A177
50.0%	50.0% #80A583	RGB 128 165 131	#80A583
66.7%	66.7% #8BAA8F	RGB 139 170 143	#8BAA8F
83.3%	83.3% #96AE9B	RGB 150 174 155	#96AE9B
100.0%	100.0% #A2B3A8	RGB 162 179 168	#A2B3A8

#5E985F #699C6B #74A177 #80A583 #8BAA8F #96AE9B #A2B3A8

#5E985F - #A2B3A8

HSV-Mischung

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

0.0%	0.0% #5E985F	RGB 94 152 95	#5E985F
16.7%	16.7% #689C6C	RGB 104 156 108	#689C6C
33.3%	33.3% #72A178	RGB 114 161 120	#72A178
50.0%	50.0% #7EA585	RGB 126 165 133	#7EA585
66.7%	66.7% #89AA91	RGB 137 170 145	#89AA91
83.3%	83.3% #95AE9C	RGB 149 174 156	#95AE9C
100.0%	100.0% #A2B3A8	RGB 162 179 168	#A2B3A8

#5E985F #689C6C #72A178 #7EA585 #89AA91 #95AE9C #A2B3A8

#5E985F - #7EA585 - #A2B3A8

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E985F 0%, #7EA585 50%, #A2B3A8 100%);
    background: -webkit-linear-gradient(top, #5E985F 0%, #7EA585 50%, #A2B3A8 100%);
    background: linear-gradient(to bottom, #5E985F 0%, #7EA585 50%, #A2B3A8 100%);
}
</style>