#AA5E7C - #5E2836 | 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 #AA5E7C mit #5E2836

#AA5E7C #5E2836

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

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

0.0%	0.0% #AA5E7C	RGB 170 94 124	#AA5E7C
16.7%	16.7% #9D5570	RGB 157 85 112	#9D5570
33.3%	33.3% #904C64	RGB 144 76 100	#904C64
50.0%	50.0% #844359	RGB 132 67 89	#844359
66.7%	66.7% #773A4D	RGB 119 58 77	#773A4D
83.3%	83.3% #6A3141	RGB 106 49 65	#6A3141
100.0%	100.0% #5E2836	RGB 94 40 54	#5E2836

#AA5E7C #9D5570 #904C64 #844359 #773A4D #6A3141 #5E2836

#AA5E7C - #5E2836

HSV-Mischung

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

0.0%	0.0% #AA5E7C	RGB 170 94 124	#AA5E7C
16.7%	16.7% #9D536F	RGB 157 83 111	#9D536F
33.3%	33.3% #904962	RGB 144 73 98	#904962
50.0%	50.0% #844056	RGB 132 64 86	#844056
66.7%	66.7% #77374B	RGB 119 55 75	#77374B
83.3%	83.3% #6A2F40	RGB 106 47 64	#6A2F40
100.0%	100.0% #5E2836	RGB 94 40 54	#5E2836

#AA5E7C #9D536F #904962 #844056 #77374B #6A2F40 #5E2836

#AA5E7C - #844056 - #5E2836

CSS-Codes

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

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