#7B5E60 - #231A1B | 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 #7B5E60 mit #231A1B

#7B5E60 #231A1B

Berechnen Sie die Farbe zwischen zwei Farben, #7B5E60 und #231A1B. 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)

#7B5E60 - #231A1B | 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 #7B5E60 als 0% und #231A1B als 100%.

0.0%	0.0% #7B5E60	RGB 123 94 96	#7B5E60
16.7%	16.7% #6C5254	RGB 108 82 84	#6C5254
33.3%	33.3% #5D4749	RGB 93 71 73	#5D4749
50.0%	50.0% #4F3C3D	RGB 79 60 61	#4F3C3D
66.7%	66.7% #403032	RGB 64 48 50	#403032
83.3%	83.3% #312526	RGB 49 37 38	#312526
100.0%	100.0% #231A1B	RGB 35 26 27	#231A1B

#7B5E60 #6C5254 #5D4749 #4F3C3D #403032 #312526 #231A1B

#7B5E60 - #231A1B

HSV-Mischung

#7B5E60 - #231A1B | 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 #7B5E60 als 0% und #231A1B als 100%.

0.0%	0.0% #7B5E60	RGB 123 94 96	#7B5E60
16.7%	16.7% #6C5254	RGB 108 82 84	#6C5254
33.3%	33.3% #5D4648	RGB 93 70 72	#5D4648
50.0%	50.0% #4F3B3D	RGB 79 59 61	#4F3B3D
66.7%	66.7% #403031	RGB 64 48 49	#403031
83.3%	83.3% #312526	RGB 49 37 38	#312526
100.0%	100.0% #231A1B	RGB 35 26 27	#231A1B

#7B5E60 #6C5254 #5D4648 #4F3B3D #403031 #312526 #231A1B

#7B5E60 - #4F3B3D - #231A1B

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E60 0%, #4F3B3D 50%, #231A1B 100%);
    background: -webkit-linear-gradient(top, #7B5E60 0%, #4F3B3D 50%, #231A1B 100%);
    background: linear-gradient(to bottom, #7B5E60 0%, #4F3B3D 50%, #231A1B 100%);
}
</style>