#BFC1B6 - #7E7D5E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BFC1B6 to #7E7D5E

#BFC1B6 #7E7D5E

Calculate the color between two colors, #BFC1B6 and #7E7D5E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BFC1B6 - #7E7D5E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BFC1B6 as 0% and #7E7D5E as 100%.

0.0%	0.0% #BFC1B6	RGB 191 193 182	#BFC1B6
16.7%	16.7% #B4B5A7	RGB 180 181 167	#B4B5A7
33.3%	33.3% #A9AA98	RGB 169 170 152	#A9AA98
50.0%	50.0% #9E9F8A	RGB 158 159 138	#9E9F8A
66.7%	66.7% #93937B	RGB 147 147 123	#93937B
83.3%	83.3% #88886C	RGB 136 136 108	#88886C
100.0%	100.0% #7E7D5E	RGB 126 125 94	#7E7D5E

#BFC1B6 #B4B5A7 #A9AA98 #9E9F8A #93937B #88886C #7E7D5E

#BFC1B6 - #7E7D5E

HSV Blend

#BFC1B6 - #7E7D5E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BFC1B6 as 0% and #7E7D5E as 100%.

0.0%	0.0% #BFC1B6	RGB 191 193 182	#BFC1B6
16.7%	16.7% #B3B5A5	RGB 179 181 165	#B3B5A5
33.3%	33.3% #A8AA95	RGB 168 170 149	#A8AA95
50.0%	50.0% #9D9F86	RGB 157 159 134	#9D9F86
66.7%	66.7% #939478	RGB 147 148 120	#939478
83.3%	83.3% #89896A	RGB 137 137 106	#89896A
100.0%	100.0% #7E7D5E	RGB 126 125 94	#7E7D5E

#BFC1B6 #B3B5A5 #A8AA95 #9D9F86 #939478 #89896A #7E7D5E

#BFC1B6 - #9D9F86 - #7E7D5E

CSS codes

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

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