#5E3E3B - #AE61A2 | 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 #5E3E3B mit #AE61A2

#5E3E3B #AE61A2

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

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

0.0%	0.0% #5E3E3B	RGB 94 62 59	#5E3E3B
16.7%	16.7% #6B434C	RGB 107 67 76	#6B434C
33.3%	33.3% #78495D	RGB 120 73 93	#78495D
50.0%	50.0% #864F6E	RGB 134 79 110	#864F6E
66.7%	66.7% #93557F	RGB 147 85 127	#93557F
83.3%	83.3% #A05B90	RGB 160 91 144	#A05B90
100.0%	100.0% #AE61A2	RGB 174 97 162	#AE61A2

#5E3E3B #6B434C #78495D #864F6E #93557F #A05B90 #AE61A2

#5E3E3B - #AE61A2

HSV-Mischung

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

0.0%	0.0% #5E3E3B	RGB 94 62 59	#5E3E3B
16.7%	16.7% #6B4244	RGB 107 66 68	#6B4244
33.3%	33.3% #784853	RGB 120 72 83	#784853
50.0%	50.0% #864F64	RGB 134 79 100	#864F64
66.7%	66.7% #935576	RGB 147 85 118	#935576
83.3%	83.3% #A05B8B	RGB 160 91 139	#A05B8B
100.0%	100.0% #AE61A2	RGB 174 97 162	#AE61A2

#5E3E3B #6B4244 #784853 #864F64 #935576 #A05B8B #AE61A2

#5E3E3B - #864F64 - #AE61A2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E3B 0%, #864F64 50%, #AE61A2 100%);
    background: -webkit-linear-gradient(top, #5E3E3B 0%, #864F64 50%, #AE61A2 100%);
    background: linear-gradient(to bottom, #5E3E3B 0%, #864F64 50%, #AE61A2 100%);
}
</style>