#5D5E4B - #392B05 | 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 #5D5E4B mit #392B05

#5D5E4B #392B05

Berechnen Sie die Farbe zwischen zwei Farben, #5D5E4B und #392B05. 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)

#5D5E4B - #392B05 | 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 #5D5E4B als 0% und #392B05 als 100%.

0.0%	0.0% #5D5E4B	RGB 93 94 75	#5D5E4B
16.7%	16.7% #57553F	RGB 87 85 63	#57553F
33.3%	33.3% #514D33	RGB 81 77 51	#514D33
50.0%	50.0% #4B4428	RGB 75 68 40	#4B4428
66.7%	66.7% #453C1C	RGB 69 60 28	#453C1C
83.3%	83.3% #3F3310	RGB 63 51 16	#3F3310
100.0%	100.0% #392B05	RGB 57 43 5	#392B05

#5D5E4B #57553F #514D33 #4B4428 #453C1C #3F3310 #392B05

#5D5E4B - #392B05

HSV-Mischung

#5D5E4B - #392B05 | 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 #5D5E4B als 0% und #392B05 als 100%.

0.0%	0.0% #5D5E4B	RGB 93 94 75	#5D5E4B
16.7%	16.7% #57573B	RGB 87 87 59	#57573B
33.3%	33.3% #514F2D	RGB 81 79 45	#514F2D
50.0%	50.0% #4B4621	RGB 75 70 33	#4B4621
66.7%	66.7% #453D16	RGB 69 61 22	#453D16
83.3%	83.3% #3F340D	RGB 63 52 13	#3F340D
100.0%	100.0% #392B05	RGB 57 43 5	#392B05

#5D5E4B #57573B #514F2D #4B4621 #453D16 #3F340D #392B05

#5D5E4B - #4B4621 - #392B05

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E4B 0%, #4B4621 50%, #392B05 100%);
    background: -webkit-linear-gradient(top, #5D5E4B 0%, #4B4621 50%, #392B05 100%);
    background: linear-gradient(to bottom, #5D5E4B 0%, #4B4621 50%, #392B05 100%);
}
</style>