#5E2A00 - #AC882D | 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 #5E2A00 mit #AC882D

#5E2A00 #AC882D

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

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

0.0%	0.0% #5E2A00	RGB 94 42 0	#5E2A00
16.7%	16.7% #6B3907	RGB 107 57 7	#6B3907
33.3%	33.3% #78490F	RGB 120 73 15	#78490F
50.0%	50.0% #855916	RGB 133 89 22	#855916
66.7%	66.7% #92681E	RGB 146 104 30	#92681E
83.3%	83.3% #9F7825	RGB 159 120 37	#9F7825
100.0%	100.0% #AC882D	RGB 172 136 45	#AC882D

#5E2A00 #6B3907 #78490F #855916 #92681E #9F7825 #AC882D

#5E2A00 - #AC882D

HSV-Mischung

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

0.0%	0.0% #5E2A00	RGB 94 42 0	#5E2A00
16.7%	16.7% #6B3604	RGB 107 54 4	#6B3604
33.3%	33.3% #78450A	RGB 120 69 10	#78450A
50.0%	50.0% #855411	RGB 133 84 17	#855411
66.7%	66.7% #926419	RGB 146 100 25	#926419
83.3%	83.3% #9F7622	RGB 159 118 34	#9F7622
100.0%	100.0% #AC882D	RGB 172 136 45	#AC882D

#5E2A00 #6B3604 #78450A #855411 #926419 #9F7622 #AC882D

#5E2A00 - #855411 - #AC882D

CSS-Codes

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

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