#B6B4AF - #8F755A | 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 #B6B4AF mit #8F755A

#B6B4AF #8F755A

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

#B6B4AF - #8F755A | 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 #B6B4AF als 0% und #8F755A als 100%.

0.0%	0.0% #B6B4AF	RGB 182 180 175	#B6B4AF
16.7%	16.7% #AFA9A0	RGB 175 169 160	#AFA9A0
33.3%	33.3% #A99F92	RGB 169 159 146	#A99F92
50.0%	50.0% #A29484	RGB 162 148 132	#A29484
66.7%	66.7% #9C8A76	RGB 156 138 118	#9C8A76
83.3%	83.3% #957F68	RGB 149 127 104	#957F68
100.0%	100.0% #8F755A	RGB 143 117 90	#8F755A

#B6B4AF #AFA9A0 #A99F92 #A29484 #9C8A76 #957F68 #8F755A

#B6B4AF - #8F755A

HSV-Mischung

#B6B4AF - #8F755A | 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 #B6B4AF als 0% und #8F755A als 100%.

0.0%	0.0% #B6B4AF	RGB 182 180 175	#B6B4AF
16.7%	16.7% #AFAA9F	RGB 175 170 159	#AFAA9F
33.3%	33.3% #A9A08F	RGB 169 160 143	#A9A08F
50.0%	50.0% #A29581	RGB 162 149 129	#A29581
66.7%	66.7% #9C8A73	RGB 156 138 115	#9C8A73
83.3%	83.3% #957F66	RGB 149 127 102	#957F66
100.0%	100.0% #8F755A	RGB 143 117 90	#8F755A

#B6B4AF #AFAA9F #A9A08F #A29581 #9C8A73 #957F66 #8F755A

#B6B4AF - #A29581 - #8F755A

CSS-Codes

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

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