#6B5E19 - #E4A034 | 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 #6B5E19 mit #E4A034

#6B5E19 #E4A034

Berechnen Sie die Farbe zwischen zwei Farben, #6B5E19 und #E4A034. 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)

#6B5E19 - #E4A034 | 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 #6B5E19 als 0% und #E4A034 als 100%.

0.0%	0.0% #6B5E19	RGB 107 94 25	#6B5E19
16.7%	16.7% #7F691D	RGB 127 105 29	#7F691D
33.3%	33.3% #937422	RGB 147 116 34	#937422
50.0%	50.0% #A77F26	RGB 167 127 38	#A77F26
66.7%	66.7% #BB8A2B	RGB 187 138 43	#BB8A2B
83.3%	83.3% #CF952F	RGB 207 149 47	#CF952F
100.0%	100.0% #E4A034	RGB 228 160 52	#E4A034

#6B5E19 #7F691D #937422 #A77F26 #BB8A2B #CF952F #E4A034

#6B5E19 - #E4A034

HSV-Mischung

#6B5E19 - #E4A034 | 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 #6B5E19 als 0% und #E4A034 als 100%.

0.0%	0.0% #6B5E19	RGB 107 94 25	#6B5E19
16.7%	16.7% #7F6B1D	RGB 127 107 29	#7F6B1D
33.3%	33.3% #937822	RGB 147 120 34	#937822
50.0%	50.0% #A78426	RGB 167 132 38	#A78426
66.7%	66.7% #BB8E2B	RGB 187 142 43	#BB8E2B
83.3%	83.3% #CF982F	RGB 207 152 47	#CF982F
100.0%	100.0% #E4A034	RGB 228 160 52	#E4A034

#6B5E19 #7F6B1D #937822 #A78426 #BB8E2B #CF982F #E4A034

#6B5E19 - #A78426 - #E4A034

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E19 0%, #A78426 50%, #E4A034 100%);
    background: -webkit-linear-gradient(top, #6B5E19 0%, #A78426 50%, #E4A034 100%);
    background: linear-gradient(to bottom, #6B5E19 0%, #A78426 50%, #E4A034 100%);
}
</style>