#BA5E2B - #802B0A | 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 #BA5E2B mit #802B0A

#BA5E2B #802B0A

Berechnen Sie die Farbe zwischen zwei Farben, #BA5E2B und #802B0A. 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)

#BA5E2B - #802B0A | 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 #BA5E2B als 0% und #802B0A als 100%.

0.0%	0.0% #BA5E2B	RGB 186 94 43	#BA5E2B
16.7%	16.7% #B05525	RGB 176 85 37	#B05525
33.3%	33.3% #A64D20	RGB 166 77 32	#A64D20
50.0%	50.0% #9D441A	RGB 157 68 26	#9D441A
66.7%	66.7% #933C15	RGB 147 60 21	#933C15
83.3%	83.3% #89330F	RGB 137 51 15	#89330F
100.0%	100.0% #802B0A	RGB 128 43 10	#802B0A

#BA5E2B #B05525 #A64D20 #9D441A #933C15 #89330F #802B0A

#BA5E2B - #802B0A

HSV-Mischung

#BA5E2B - #802B0A | 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 #BA5E2B als 0% und #802B0A als 100%.

0.0%	0.0% #BA5E2B	RGB 186 94 43	#BA5E2B
16.7%	16.7% #B05424	RGB 176 84 36	#B05424
33.3%	33.3% #A64B1E	RGB 166 75 30	#A64B1E
50.0%	50.0% #9D4218	RGB 157 66 24	#9D4218
66.7%	66.7% #933A13	RGB 147 58 19	#933A13
83.3%	83.3% #89320E	RGB 137 50 14	#89320E
100.0%	100.0% #802B0A	RGB 128 43 10	#802B0A

#BA5E2B #B05424 #A64B1E #9D4218 #933A13 #89320E #802B0A

#BA5E2B - #9D4218 - #802B0A

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5E2B 0%, #9D4218 50%, #802B0A 100%);
    background: -webkit-linear-gradient(top, #BA5E2B 0%, #9D4218 50%, #802B0A 100%);
    background: linear-gradient(to bottom, #BA5E2B 0%, #9D4218 50%, #802B0A 100%);
}
</style>