#AFAA5E - #83711B | 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 #AFAA5E mit #83711B

#AFAA5E #83711B

Berechnen Sie die Farbe zwischen zwei Farben, #AFAA5E und #83711B. 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)

#AFAA5E - #83711B | 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 #AFAA5E als 0% und #83711B als 100%.

0.0%	0.0% #AFAA5E	RGB 175 170 94	#AFAA5E
16.7%	16.7% #A7A052	RGB 167 160 82	#A7A052
33.3%	33.3% #A09747	RGB 160 151 71	#A09747
50.0%	50.0% #998D3C	RGB 153 141 60	#998D3C
66.7%	66.7% #918431	RGB 145 132 49	#918431
83.3%	83.3% #8A7A26	RGB 138 122 38	#8A7A26
100.0%	100.0% #83711B	RGB 131 113 27	#83711B

#AFAA5E #A7A052 #A09747 #998D3C #918431 #8A7A26 #83711B

#AFAA5E - #83711B

HSV-Mischung

#AFAA5E - #83711B | 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 #AFAA5E als 0% und #83711B als 100%.

0.0%	0.0% #AFAA5E	RGB 175 170 94	#AFAA5E
16.7%	16.7% #A7A050	RGB 167 160 80	#A7A050
33.3%	33.3% #A09744	RGB 160 151 68	#A09744
50.0%	50.0% #998D38	RGB 153 141 56	#998D38
66.7%	66.7% #91842E	RGB 145 132 46	#91842E
83.3%	83.3% #8A7A24	RGB 138 122 36	#8A7A24
100.0%	100.0% #83711B	RGB 131 113 27	#83711B

#AFAA5E #A7A050 #A09744 #998D38 #91842E #8A7A24 #83711B

#AFAA5E - #998D38 - #83711B

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAA5E 0%, #998D38 50%, #83711B 100%);
    background: -webkit-linear-gradient(top, #AFAA5E 0%, #998D38 50%, #83711B 100%);
    background: linear-gradient(to bottom, #AFAA5E 0%, #998D38 50%, #83711B 100%);
}
</style>