#5E5346 - #D39C6A | 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 #5E5346 mit #D39C6A

#5E5346 #D39C6A

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

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

0.0%	0.0% #5E5346	RGB 94 83 70	#5E5346
16.7%	16.7% #715F4C	RGB 113 95 76	#715F4C
33.3%	33.3% #856B52	RGB 133 107 82	#856B52
50.0%	50.0% #987758	RGB 152 119 88	#987758
66.7%	66.7% #AC835E	RGB 172 131 94	#AC835E
83.3%	83.3% #BF8F64	RGB 191 143 100	#BF8F64
100.0%	100.0% #D39C6A	RGB 211 156 106	#D39C6A

#5E5346 #715F4C #856B52 #987758 #AC835E #BF8F64 #D39C6A

#5E5346 - #D39C6A

HSV-Mischung

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

0.0%	0.0% #5E5346	RGB 94 83 70	#5E5346
16.7%	16.7% #71614F	RGB 113 97 79	#71614F
33.3%	33.3% #856F58	RGB 133 111 88	#856F58
50.0%	50.0% #987C5F	RGB 152 124 95	#987C5F
66.7%	66.7% #AC8864	RGB 172 136 100	#AC8864
83.3%	83.3% #BF9267	RGB 191 146 103	#BF9267
100.0%	100.0% #D39C6A	RGB 211 156 106	#D39C6A

#5E5346 #71614F #856F58 #987C5F #AC8864 #BF9267 #D39C6A

#5E5346 - #987C5F - #D39C6A

CSS-Codes

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

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