#201600 - #BFBCB6 | 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 #201600 to #BFBCB6

#201600 #BFBCB6

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

#201600 - #BFBCB6 | 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 #201600 as 0% and #BFBCB6 as 100%.

0.0%	0.0% #201600	RGB 32 22 0	#201600
16.7%	16.7% #3A311E	RGB 58 49 30	#3A311E
33.3%	33.3% #554D3C	RGB 85 77 60	#554D3C
50.0%	50.0% #6F695B	RGB 111 105 91	#6F695B
66.7%	66.7% #8A8479	RGB 138 132 121	#8A8479
83.3%	83.3% #A4A097	RGB 164 160 151	#A4A097
100.0%	100.0% #BFBCB6	RGB 191 188 182	#BFBCB6

#201600 #3A311E #554D3C #6F695B #8A8479 #A4A097 #BFBCB6

#201600 - #BFBCB6

HSV Blend

#201600 - #BFBCB6 | 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 #201600 as 0% and #BFBCB6 as 100%.

0.0%	0.0% #201600	RGB 32 22 0	#201600
16.7%	16.7% #3A2A09	RGB 58 42 9	#3A2A09
33.3%	33.3% #55421A	RGB 85 66 26	#55421A
50.0%	50.0% #6F5C35	RGB 111 92 53	#6F5C35
66.7%	66.7% #8A7957	RGB 138 121 87	#8A7957
83.3%	83.3% #A49982	RGB 164 153 130	#A49982
100.0%	100.0% #BFBCB6	RGB 191 188 182	#BFBCB6

#201600 #3A2A09 #55421A #6F5C35 #8A7957 #A49982 #BFBCB6

#201600 - #6F5C35 - #BFBCB6

CSS codes

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

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