#201611 - #BFBCBB | 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 #201611 to #BFBCBB

#201611 #BFBCBB

Calculate the color between two colors, #201611 and #BFBCBB. 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)

#201611 - #BFBCBB | 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 #201611 as 0% and #BFBCBB as 100%.

0.0%	0.0% #201611	RGB 32 22 17	#201611
16.7%	16.7% #3A312D	RGB 58 49 45	#3A312D
33.3%	33.3% #554D49	RGB 85 77 73	#554D49
50.0%	50.0% #6F6966	RGB 111 105 102	#6F6966
66.7%	66.7% #8A8482	RGB 138 132 130	#8A8482
83.3%	83.3% #A4A09E	RGB 164 160 158	#A4A09E
100.0%	100.0% #BFBCBB	RGB 191 188 187	#BFBCBB

#201611 #3A312D #554D49 #6F6966 #8A8482 #A4A09E #BFBCBB

#201611 - #BFBCBB

HSV Blend

#201611 - #BFBCBB | 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 #201611 as 0% and #BFBCBB as 100%.

0.0%	0.0% #201611	RGB 32 22 17	#201611
16.7%	16.7% #3A2A23	RGB 58 42 35	#3A2A23
33.3%	33.3% #554239	RGB 85 66 57	#554239
50.0%	50.0% #6F5C54	RGB 111 92 84	#6F5C54
66.7%	66.7% #8A7972	RGB 138 121 114	#8A7972
83.3%	83.3% #A49894	RGB 164 152 148	#A49894
100.0%	100.0% #BFBCBB	RGB 191 188 187	#BFBCBB

#201611 #3A2A23 #554239 #6F5C54 #8A7972 #A49894 #BFBCBB

#201611 - #6F5C54 - #BFBCBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201611 0%, #6F5C54 50%, #BFBCBB 100%);
    background: -webkit-linear-gradient(top, #201611 0%, #6F5C54 50%, #BFBCBB 100%);
    background: linear-gradient(to bottom, #201611 0%, #6F5C54 50%, #BFBCBB 100%);
}
</style>