#5E464C - #4E0916 | 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 #5E464C mit #4E0916

#5E464C #4E0916

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

#5E464C - #4E0916 | 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 #5E464C als 0% und #4E0916 als 100%.

0.0%	0.0% #5E464C	RGB 94 70 76	#5E464C
16.7%	16.7% #5B3B43	RGB 91 59 67	#5B3B43
33.3%	33.3% #58313A	RGB 88 49 58	#58313A
50.0%	50.0% #562731	RGB 86 39 49	#562731
66.7%	66.7% #531D28	RGB 83 29 40	#531D28
83.3%	83.3% #50131F	RGB 80 19 31	#50131F
100.0%	100.0% #4E0916	RGB 78 9 22	#4E0916

#5E464C #5B3B43 #58313A #562731 #531D28 #50131F #4E0916

#5E464C - #4E0916

HSV-Mischung

#5E464C - #4E0916 | 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 #5E464C als 0% und #4E0916 als 100%.

0.0%	0.0% #5E464C	RGB 94 70 76	#5E464C
16.7%	16.7% #5B3A42	RGB 91 58 66	#5B3A42
33.3%	33.3% #582F38	RGB 88 47 56	#582F38
50.0%	50.0% #56242F	RGB 86 36 47	#56242F
66.7%	66.7% #531B26	RGB 83 27 38	#531B26
83.3%	83.3% #50111E	RGB 80 17 30	#50111E
100.0%	100.0% #4E0916	RGB 78 9 22	#4E0916

#5E464C #5B3A42 #582F38 #56242F #531B26 #50111E #4E0916

#5E464C - #56242F - #4E0916

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E464C 0%, #56242F 50%, #4E0916 100%);
    background: -webkit-linear-gradient(top, #5E464C 0%, #56242F 50%, #4E0916 100%);
    background: linear-gradient(to bottom, #5E464C 0%, #56242F 50%, #4E0916 100%);
}
</style>