#3C5E06 - #8EA25B | 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 #3C5E06 mit #8EA25B

#3C5E06 #8EA25B

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

#3C5E06 - #8EA25B | 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 #3C5E06 als 0% und #8EA25B als 100%.

0.0%	0.0% #3C5E06	RGB 60 94 6	#3C5E06
16.7%	16.7% #496914	RGB 73 105 20	#496914
33.3%	33.3% #577422	RGB 87 116 34	#577422
50.0%	50.0% #658030	RGB 101 128 48	#658030
66.7%	66.7% #728B3E	RGB 114 139 62	#728B3E
83.3%	83.3% #80964C	RGB 128 150 76	#80964C
100.0%	100.0% #8EA25B	RGB 142 162 91	#8EA25B

#3C5E06 #496914 #577422 #658030 #728B3E #80964C #8EA25B

#3C5E06 - #8EA25B

HSV-Mischung

#3C5E06 - #8EA25B | 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 #3C5E06 als 0% und #8EA25B als 100%.

0.0%	0.0% #3C5E05	RGB 60 94 5	#3C5E05
16.7%	16.7% #48690F	RGB 72 105 15	#48690F
33.3%	33.3% #55741A	RGB 85 116 26	#55741A
50.0%	50.0% #628028	RGB 98 128 40	#628028
66.7%	66.7% #708B37	RGB 112 139 55	#708B37
83.3%	83.3% #7F9648	RGB 127 150 72	#7F9648
100.0%	100.0% #8EA25B	RGB 142 162 91	#8EA25B

#3C5E05 #48690F #55741A #628028 #708B37 #7F9648 #8EA25B

#3C5E06 - #628028 - #8EA25B

CSS-Codes

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

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