#8C4B5E - #4F151C | 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 #8C4B5E mit #4F151C

#8C4B5E #4F151C

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

#8C4B5E - #4F151C | 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 #8C4B5E als 0% und #4F151C als 100%.

0.0%	0.0% #8C4B5E	RGB 140 75 94	#8C4B5E
16.7%	16.7% #814253	RGB 129 66 83	#814253
33.3%	33.3% #773948	RGB 119 57 72	#773948
50.0%	50.0% #6D303D	RGB 109 48 61	#6D303D
66.7%	66.7% #632732	RGB 99 39 50	#632732
83.3%	83.3% #591E27	RGB 89 30 39	#591E27
100.0%	100.0% #4F151C	RGB 79 21 28	#4F151C

#8C4B5E #814253 #773948 #6D303D #632732 #591E27 #4F151C

#8C4B5E - #4F151C

HSV-Mischung

#8C4B5E - #4F151C | 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 #8C4B5E als 0% und #4F151C als 100%.

0.0%	0.0% #8C4B5D	RGB 140 75 93	#8C4B5D
16.7%	16.7% #813F51	RGB 129 63 81	#813F51
33.3%	33.3% #773544	RGB 119 53 68	#773544
50.0%	50.0% #6D2B39	RGB 109 43 57	#6D2B39
66.7%	66.7% #63232E	RGB 99 35 46	#63232E
83.3%	83.3% #591B24	RGB 89 27 36	#591B24
100.0%	100.0% #4F151C	RGB 79 21 28	#4F151C

#8C4B5D #813F51 #773544 #6D2B39 #63232E #591B24 #4F151C

#8C4B5E - #6D2B39 - #4F151C

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4B5D 0%, #6D2B39 50%, #4F151C 100%);
    background: -webkit-linear-gradient(top, #8C4B5D 0%, #6D2B39 50%, #4F151C 100%);
    background: linear-gradient(to bottom, #8C4B5D 0%, #6D2B39 50%, #4F151C 100%);
}
</style>