#967500 - #5E3700 | 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 #967500 mit #5E3700

#967500 #5E3700

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

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

0.0%	0.0% #967500	RGB 150 117 0	#967500
16.7%	16.7% #8C6A00	RGB 140 106 0	#8C6A00
33.3%	33.3% #836000	RGB 131 96 0	#836000
50.0%	50.0% #7A5600	RGB 122 86 0	#7A5600
66.7%	66.7% #704B00	RGB 112 75 0	#704B00
83.3%	83.3% #674100	RGB 103 65 0	#674100
100.0%	100.0% #5E3700	RGB 94 55 0	#5E3700

#967500 #8C6A00 #836000 #7A5600 #704B00 #674100 #5E3700

#967500 - #5E3700

HSV-Mischung

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

0.0%	0.0% #967500	RGB 150 117 0	#967500
16.7%	16.7% #8C6900	RGB 140 105 0	#8C6900
33.3%	33.3% #835D00	RGB 131 93 0	#835D00
50.0%	50.0% #7A5300	RGB 122 83 0	#7A5300
66.7%	66.7% #704900	RGB 112 73 0	#704900
83.3%	83.3% #673F00	RGB 103 63 0	#673F00
100.0%	100.0% #5E3700	RGB 94 55 0	#5E3700

#967500 #8C6900 #835D00 #7A5300 #704900 #673F00 #5E3700

#967500 - #7A5300 - #5E3700

CSS-Codes

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

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