#7E5D4B - #5E2C0E | 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 #7E5D4B mit #5E2C0E

#7E5D4B #5E2C0E

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

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

0.0%	0.0% #7E5D4B	RGB 126 93 75	#7E5D4B
16.7%	16.7% #785440	RGB 120 84 64	#785440
33.3%	33.3% #734C36	RGB 115 76 54	#734C36
50.0%	50.0% #6E442C	RGB 110 68 44	#6E442C
66.7%	66.7% #683C22	RGB 104 60 34	#683C22
83.3%	83.3% #633418	RGB 99 52 24	#633418
100.0%	100.0% #5E2C0E	RGB 94 44 14	#5E2C0E

#7E5D4B #785440 #734C36 #6E442C #683C22 #633418 #5E2C0E

#7E5D4B - #5E2C0E

HSV-Mischung

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

0.0%	0.0% #7E5D4B	RGB 126 93 75	#7E5D4B
16.7%	16.7% #78533E	RGB 120 83 62	#78533E
33.3%	33.3% #734A33	RGB 115 74 51	#734A33
50.0%	50.0% #6E4228	RGB 110 66 40	#6E4228
66.7%	66.7% #683A1F	RGB 104 58 31	#683A1F
83.3%	83.3% #633216	RGB 99 50 22	#633216
100.0%	100.0% #5E2C0E	RGB 94 44 14	#5E2C0E

#7E5D4B #78533E #734A33 #6E4228 #683A1F #633216 #5E2C0E

#7E5D4B - #6E4228 - #5E2C0E

CSS-Codes

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

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