#5D3E5E - #A55DD9 | 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 #5D3E5E mit #A55DD9

#5D3E5E #A55DD9

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

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #694372	RGB 105 67 114	#694372
33.3%	33.3% #754887	RGB 117 72 135	#754887
50.0%	50.0% #814D9B	RGB 129 77 155	#814D9B
66.7%	66.7% #8D52B0	RGB 141 82 176	#8D52B0
83.3%	83.3% #9957C4	RGB 153 87 196	#9957C4
100.0%	100.0% #A55DD9	RGB 165 93 217	#A55DD9

#5D3E5E #694372 #754887 #814D9B #8D52B0 #9957C4 #A55DD9

#5D3E5E - #A55DD9

HSV-Mischung

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #6E4772	RGB 110 71 114	#6E4772
33.3%	33.3% #7D4E87	RGB 125 78 135	#7D4E87
50.0%	50.0% #8B549B	RGB 139 84 155	#8B549B
66.7%	66.7% #9658B0	RGB 150 88 176	#9658B0
83.3%	83.3% #9F5BC4	RGB 159 91 196	#9F5BC4
100.0%	100.0% #A55DD9	RGB 165 93 217	#A55DD9

#5D3E5E #6E4772 #7D4E87 #8B549B #9658B0 #9F5BC4 #A55DD9

#5D3E5E - #8B549B - #A55DD9

CSS-Codes

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

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