#671F00 - #AD6C5E | 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 #671F00 mit #AD6C5E

#671F00 #AD6C5E

Berechnen Sie die Farbe zwischen zwei Farben, #671F00 und #AD6C5E. 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)

#671F00 - #AD6C5E | 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 #671F00 als 0% und #AD6C5E als 100%.

0.0%	0.0% #671F00	RGB 103 31 0	#671F00
16.7%	16.7% #722B0F	RGB 114 43 15	#722B0F
33.3%	33.3% #7E381F	RGB 126 56 31	#7E381F
50.0%	50.0% #8A452F	RGB 138 69 47	#8A452F
66.7%	66.7% #95523E	RGB 149 82 62	#95523E
83.3%	83.3% #A15F4E	RGB 161 95 78	#A15F4E
100.0%	100.0% #AD6C5E	RGB 173 108 94	#AD6C5E

#671F00 #722B0F #7E381F #8A452F #95523E #A15F4E #AD6C5E

#671F00 - #AD6C5E

HSV-Mischung

#671F00 - #AD6C5E | 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 #671F00 als 0% und #AD6C5E als 100%.

0.0%	0.0% #671F00	RGB 103 31 0	#671F00
16.7%	16.7% #72270A	RGB 114 39 10	#72270A
33.3%	33.3% #7E3116	RGB 126 49 22	#7E3116
50.0%	50.0% #8A3D25	RGB 138 61 37	#8A3D25
66.7%	66.7% #954B36	RGB 149 75 54	#954B36
83.3%	83.3% #A15A49	RGB 161 90 73	#A15A49
100.0%	100.0% #AD6C5E	RGB 173 108 94	#AD6C5E

#671F00 #72270A #7E3116 #8A3D25 #954B36 #A15A49 #AD6C5E

#671F00 - #8A3D25 - #AD6C5E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
    background: -webkit-linear-gradient(top, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
    background: linear-gradient(to bottom, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
}
</style>