#3E3C3C - #8B6085 | 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 #3E3C3C mit #8B6085

#3E3C3C #8B6085

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

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #4A4248	RGB 74 66 72	#4A4248
33.3%	33.3% #574854	RGB 87 72 84	#574854
50.0%	50.0% #644E60	RGB 100 78 96	#644E60
66.7%	66.7% #71546C	RGB 113 84 108	#71546C
83.3%	83.3% #7E5A78	RGB 126 90 120	#7E5A78
100.0%	100.0% #8B6085	RGB 139 96 133	#8B6085

#3E3C3C #4A4248 #574854 #644E60 #71546C #7E5A78 #8B6085

#3E3C3C - #8B6085

HSV-Mischung

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #4A4445	RGB 74 68 69	#4A4445
33.3%	33.3% #574C4F	RGB 87 76 79	#574C4F
50.0%	50.0% #64535A	RGB 100 83 90	#64535A
66.7%	66.7% #715866	RGB 113 88 102	#715866
83.3%	83.3% #7E5C74	RGB 126 92 116	#7E5C74
100.0%	100.0% #8B6085	RGB 139 96 133	#8B6085

#3E3C3C #4A4445 #574C4F #64535A #715866 #7E5C74 #8B6085

#3E3C3C - #64535A - #8B6085

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3C 0%, #64535A 50%, #8B6085 100%);
    background: -webkit-linear-gradient(top, #3E3C3C 0%, #64535A 50%, #8B6085 100%);
    background: linear-gradient(to bottom, #3E3C3C 0%, #64535A 50%, #8B6085 100%);
}
</style>