#3C3E3C - #8B7660 | 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 #3C3E3C mit #8B7660

#3C3E3C #8B7660

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

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #494742	RGB 73 71 66	#494742
33.3%	33.3% #565048	RGB 86 80 72	#565048
50.0%	50.0% #635A4E	RGB 99 90 78	#635A4E
66.7%	66.7% #706354	RGB 112 99 84	#706354
83.3%	83.3% #7D6C5A	RGB 125 108 90	#7D6C5A
100.0%	100.0% #8B7660	RGB 139 118 96	#8B7660

#3C3E3C #494742 #565048 #635A4E #706354 #7D6C5A #8B7660

#3C3E3C - #8B7660

HSV-Mischung

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #464A44	RGB 70 74 68	#464A44
33.3%	33.3% #52574C	RGB 82 87 76	#52574C
50.0%	50.0% #606453	RGB 96 100 83	#606453
66.7%	66.7% #717158	RGB 113 113 88	#717158
83.3%	83.3% #7E765C	RGB 126 118 92	#7E765C
100.0%	100.0% #8B7660	RGB 139 118 96	#8B7660

#3C3E3C #464A44 #52574C #606453 #717158 #7E765C #8B7660

#3C3E3C - #606453 - #8B7660

CSS-Codes

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

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