#3D3532 - #8C5E6E | 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 #3D3532 mit #8C5E6E

#3D3532 #8C5E6E

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

#3D3532 - #8C5E6E | 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 #3D3532 als 0% und #8C5E6E als 100%.

0.0%	0.0% #3D3532	RGB 61 53 50	#3D3532
16.7%	16.7% #4A3B3C	RGB 74 59 60	#4A3B3C
33.3%	33.3% #574246	RGB 87 66 70	#574246
50.0%	50.0% #644950	RGB 100 73 80	#644950
66.7%	66.7% #71505A	RGB 113 80 90	#71505A
83.3%	83.3% #7E5764	RGB 126 87 100	#7E5764
100.0%	100.0% #8C5E6E	RGB 140 94 110	#8C5E6E

#3D3532 #4A3B3C #574246 #644950 #71505A #7E5764 #8C5E6E

#3D3532 - #8C5E6E

HSV-Mischung

#3D3532 - #8C5E6E | 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 #3D3532 als 0% und #8C5E6E als 100%.

0.0%	0.0% #3D3532	RGB 61 53 50	#3D3532
16.7%	16.7% #4A3D3A	RGB 74 61 58	#4A3D3A
33.3%	33.3% #574443	RGB 87 68 67	#574443
50.0%	50.0% #644A4B	RGB 100 74 75	#644A4B
66.7%	66.7% #715156	RGB 113 81 86	#715156
83.3%	83.3% #7E5861	RGB 126 88 97	#7E5861
100.0%	100.0% #8C5E6E	RGB 140 94 110	#8C5E6E

#3D3532 #4A3D3A #574443 #644A4B #715156 #7E5861 #8C5E6E

#3D3532 - #644A4B - #8C5E6E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3532 0%, #644A4B 50%, #8C5E6E 100%);
    background: -webkit-linear-gradient(top, #3D3532 0%, #644A4B 50%, #8C5E6E 100%);
    background: linear-gradient(to bottom, #3D3532 0%, #644A4B 50%, #8C5E6E 100%);
}
</style>