#5E5C5E - #500F4D | 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 #5E5C5E mit #500F4D

#5E5C5E #500F4D

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

#5E5C5E - #500F4D | 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 #5E5C5E als 0% und #500F4D als 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #5B4F5B	RGB 91 79 91	#5B4F5B
33.3%	33.3% #594258	RGB 89 66 88	#594258
50.0%	50.0% #573555	RGB 87 53 85	#573555
66.7%	66.7% #542852	RGB 84 40 82	#542852
83.3%	83.3% #521B4F	RGB 82 27 79	#521B4F
100.0%	100.0% #500F4D	RGB 80 15 77	#500F4D

#5E5C5E #5B4F5B #594258 #573555 #542852 #521B4F #500F4D

#5E5C5E - #500F4D

HSV-Mischung

#5E5C5E - #500F4D | 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 #5E5C5E als 0% und #500F4D als 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #5B4D5B	RGB 91 77 91	#5B4D5B
33.3%	33.3% #593F58	RGB 89 63 88	#593F58
50.0%	50.0% #573256	RGB 87 50 86	#573256
66.7%	66.7% #542653	RGB 84 38 83	#542653
83.3%	83.3% #521A50	RGB 82 26 80	#521A50
100.0%	100.0% #500F4D	RGB 80 15 77	#500F4D

#5E5C5E #5B4D5B #593F58 #573256 #542653 #521A50 #500F4D

#5E5C5E - #573256 - #500F4D

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5E 0%, #573256 50%, #500F4D 100%);
    background: -webkit-linear-gradient(top, #5E5C5E 0%, #573256 50%, #500F4D 100%);
    background: linear-gradient(to bottom, #5E5C5E 0%, #573256 50%, #500F4D 100%);
}
</style>