#A4909C - #8C3A5E | 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 #A4909C mit #8C3A5E

#A4909C #8C3A5E

Berechnen Sie die Farbe zwischen zwei Farben, #A4909C und #8C3A5E. 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)

#A4909C - #8C3A5E | 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 #A4909C als 0% und #8C3A5E als 100%.

0.0%	0.0% #A4909C	RGB 164 144 156	#A4909C
16.7%	16.7% #A08191	RGB 160 129 145	#A08191
33.3%	33.3% #9C7387	RGB 156 115 135	#9C7387
50.0%	50.0% #98657D	RGB 152 101 125	#98657D
66.7%	66.7% #945672	RGB 148 86 114	#945672
83.3%	83.3% #904868	RGB 144 72 104	#904868
100.0%	100.0% #8C3A5E	RGB 140 58 94	#8C3A5E

#A4909C #A08191 #9C7387 #98657D #945672 #904868 #8C3A5E

#A4909C - #8C3A5E

HSV-Mischung

#A4909C - #8C3A5E | 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 #A4909C als 0% und #8C3A5E als 100%.

0.0%	0.0% #A4909C	RGB 164 144 156	#A4909C
16.7%	16.7% #A08092	RGB 160 128 146	#A08092
33.3%	33.3% #9C7088	RGB 156 112 136	#9C7088
50.0%	50.0% #98627E	RGB 152 98 126	#98627E
66.7%	66.7% #945473	RGB 148 84 115	#945473
83.3%	83.3% #904668	RGB 144 70 104	#904668
100.0%	100.0% #8C3A5E	RGB 140 58 94	#8C3A5E

#A4909C #A08092 #9C7088 #98627E #945473 #904668 #8C3A5E

#A4909C - #98627E - #8C3A5E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4909C 0%, #98627E 50%, #8C3A5E 100%);
    background: -webkit-linear-gradient(top, #A4909C 0%, #98627E 50%, #8C3A5E 100%);
    background: linear-gradient(to bottom, #A4909C 0%, #98627E 50%, #8C3A5E 100%);
}
</style>