#5E232C - #BC5C43 | 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 #5E232C mit #BC5C43

#5E232C #BC5C43

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

#5E232C - #BC5C43 | 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 #5E232C als 0% und #BC5C43 als 100%.

0.0%	0.0% #5E232C	RGB 94 35 44	#5E232C
16.7%	16.7% #6D2C2F	RGB 109 44 47	#6D2C2F
33.3%	33.3% #7D3633	RGB 125 54 51	#7D3633
50.0%	50.0% #8D3F37	RGB 141 63 55	#8D3F37
66.7%	66.7% #9C493B	RGB 156 73 59	#9C493B
83.3%	83.3% #AC523F	RGB 172 82 63	#AC523F
100.0%	100.0% #BC5C43	RGB 188 92 67	#BC5C43

#5E232C #6D2C2F #7D3633 #8D3F37 #9C493B #AC523F #BC5C43

#5E232C - #BC5C43

HSV-Mischung

#5E232C - #BC5C43 | 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 #5E232C als 0% und #BC5C43 als 100%.

0.0%	0.0% #5E232B	RGB 94 35 43	#5E232B
16.7%	16.7% #6D282E	RGB 109 40 46	#6D282E
33.3%	33.3% #7D2D30	RGB 125 45 48	#7D2D30
50.0%	50.0% #8D3533	RGB 141 53 51	#8D3533
66.7%	66.7% #9C4138	RGB 156 65 56	#9C4138
83.3%	83.3% #AC4E3D	RGB 172 78 61	#AC4E3D
100.0%	100.0% #BC5C43	RGB 188 92 67	#BC5C43

#5E232B #6D282E #7D2D30 #8D3533 #9C4138 #AC4E3D #BC5C43

#5E232C - #8D3533 - #BC5C43

CSS-Codes

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

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