#5E4D4F - #8BE474 | 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 #5E4D4F mit #8BE474

#5E4D4F #8BE474

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

#5E4D4F - #8BE474 | 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 #5E4D4F als 0% und #8BE474 als 100%.

0.0%	0.0% #5E4D4F	RGB 94 77 79	#5E4D4F
16.7%	16.7% #656655	RGB 101 102 85	#656655
33.3%	33.3% #6D7F5B	RGB 109 127 91	#6D7F5B
50.0%	50.0% #749861	RGB 116 152 97	#749861
66.7%	66.7% #7CB167	RGB 124 177 103	#7CB167
83.3%	83.3% #83CA6D	RGB 131 202 109	#83CA6D
100.0%	100.0% #8BE474	RGB 139 228 116	#8BE474

#5E4D4F #656655 #6D7F5B #749861 #7CB167 #83CA6D #8BE474

#5E4D4F - #8BE474

HSV-Mischung

#5E4D4F - #8BE474 | 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 #5E4D4F als 0% und #8BE474 als 100%.

0.0%	0.0% #5E4D4F	RGB 94 77 79	#5E4D4F
16.7%	16.7% #745E59	RGB 116 94 89	#745E59
33.3%	33.3% #8A7763	RGB 138 119 99	#8A7763
50.0%	50.0% #A1986A	RGB 161 152 106	#A1986A
66.7%	66.7% #ACB770	RGB 172 183 112	#ACB770
83.3%	83.3% #A2CD73	RGB 162 205 115	#A2CD73
100.0%	100.0% #8BE474	RGB 139 228 116	#8BE474

#5E4D4F #745E59 #8A7763 #A1986A #ACB770 #A2CD73 #8BE474

#5E4D4F - #A1986A - #8BE474

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D4F 0%, #A1986A 50%, #8BE474 100%);
    background: -webkit-linear-gradient(top, #5E4D4F 0%, #A1986A 50%, #8BE474 100%);
    background: linear-gradient(to bottom, #5E4D4F 0%, #A1986A 50%, #8BE474 100%);
}
</style>