#B0ABAC - #7B5C5E | 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 #B0ABAC mit #7B5C5E

#B0ABAC #7B5C5E

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

#B0ABAC - #7B5C5E | 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 #B0ABAC als 0% und #7B5C5E als 100%.

0.0%	0.0% #B0ABAC	RGB 176 171 172	#B0ABAC
16.7%	16.7% #A79D9F	RGB 167 157 159	#A79D9F
33.3%	33.3% #9E9092	RGB 158 144 146	#9E9092
50.0%	50.0% #958385	RGB 149 131 133	#958385
66.7%	66.7% #8C7678	RGB 140 118 120	#8C7678
83.3%	83.3% #83696B	RGB 131 105 107	#83696B
100.0%	100.0% #7B5C5E	RGB 123 92 94	#7B5C5E

#B0ABAC #A79D9F #9E9092 #958385 #8C7678 #83696B #7B5C5E

#B0ABAC - #7B5C5E

HSV-Mischung

#B0ABAC - #7B5C5E | 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 #B0ABAC als 0% und #7B5C5E als 100%.

0.0%	0.0% #B0ABAC	RGB 176 171 172	#B0ABAC
16.7%	16.7% #A79C9E	RGB 167 156 158	#A79C9E
33.3%	33.3% #9E8E90	RGB 158 142 144	#9E8E90
50.0%	50.0% #958083	RGB 149 128 131	#958083
66.7%	66.7% #8C7376	RGB 140 115 118	#8C7376
83.3%	83.3% #836769	RGB 131 103 105	#836769
100.0%	100.0% #7B5C5E	RGB 123 92 94	#7B5C5E

#B0ABAC #A79C9E #9E8E90 #958083 #8C7376 #836769 #7B5C5E

#B0ABAC - #958083 - #7B5C5E

CSS-Codes

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

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