#5E234B - #37040F | 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 #5E234B mit #37040F

#5E234B #37040F

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

#5E234B - #37040F | 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 #5E234B als 0% und #37040F als 100%.

0.0%	0.0% #5E234B	RGB 94 35 75	#5E234B
16.7%	16.7% #571D41	RGB 87 29 65	#571D41
33.3%	33.3% #511837	RGB 81 24 55	#511837
50.0%	50.0% #4A132D	RGB 74 19 45	#4A132D
66.7%	66.7% #440E23	RGB 68 14 35	#440E23
83.3%	83.3% #3D0919	RGB 61 9 25	#3D0919
100.0%	100.0% #37040F	RGB 55 4 15	#37040F

#5E234B #571D41 #511837 #4A132D #440E23 #3D0919 #37040F

#5E234B - #37040F

HSV-Mischung

#5E234B - #37040F | 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 #5E234B als 0% und #37040F als 100%.

0.0%	0.0% #5E234B	RGB 94 35 75	#5E234B
16.7%	16.7% #571C3F	RGB 87 28 63	#571C3F
33.3%	33.3% #511634	RGB 81 22 52	#511634
50.0%	50.0% #4A102A	RGB 74 16 42	#4A102A
66.7%	66.7% #440B20	RGB 68 11 32	#440B20
83.3%	83.3% #3D0717	RGB 61 7 23	#3D0717
100.0%	100.0% #37040F	RGB 55 4 15	#37040F

#5E234B #571C3F #511634 #4A102A #440B20 #3D0717 #37040F

#5E234B - #4A102A - #37040F

CSS-Codes

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

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