#5E3C2F - #C4AD5D | 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 #5E3C2F mit #C4AD5D

#5E3C2F #C4AD5D

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

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

0.0%	0.0% #5E3C2F	RGB 94 60 47	#5E3C2F
16.7%	16.7% #6F4E36	RGB 111 78 54	#6F4E36
33.3%	33.3% #80613E	RGB 128 97 62	#80613E
50.0%	50.0% #917446	RGB 145 116 70	#917446
66.7%	66.7% #A2874D	RGB 162 135 77	#A2874D
83.3%	83.3% #B39A55	RGB 179 154 85	#B39A55
100.0%	100.0% #C4AD5D	RGB 196 173 93	#C4AD5D

#5E3C2F #6F4E36 #80613E #917446 #A2874D #B39A55 #C4AD5D

#5E3C2F - #C4AD5D

HSV-Mischung

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

0.0%	0.0% #5E3C2F	RGB 94 60 47	#5E3C2F
16.7%	16.7% #6F4B37	RGB 111 75 55	#6F4B37
33.3%	33.3% #805B3E	RGB 128 91 62	#805B3E
50.0%	50.0% #916D46	RGB 145 109 70	#916D46
66.7%	66.7% #A2814E	RGB 162 129 78	#A2814E
83.3%	83.3% #B39655	RGB 179 150 85	#B39655
100.0%	100.0% #C4AD5D	RGB 196 173 93	#C4AD5D

#5E3C2F #6F4B37 #805B3E #916D46 #A2814E #B39655 #C4AD5D

#5E3C2F - #916D46 - #C4AD5D

CSS-Codes

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

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