#200F00 - #BFBAB6 | 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 #200F00 to #BFBAB6

#200F00 #BFBAB6

Calculate the color between two colors, #200F00 and #BFBAB6. 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)

#200F00 - #BFBAB6 | 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 #200F00 as 0% and #BFBAB6 as 100%.

0.0%	0.0% #200F00	RGB 32 15 0	#200F00
16.7%	16.7% #3A2B1E	RGB 58 43 30	#3A2B1E
33.3%	33.3% #55483C	RGB 85 72 60	#55483C
50.0%	50.0% #6F645B	RGB 111 100 91	#6F645B
66.7%	66.7% #8A8179	RGB 138 129 121	#8A8179
83.3%	83.3% #A49D97	RGB 164 157 151	#A49D97
100.0%	100.0% #BFBAB6	RGB 191 186 182	#BFBAB6

#200F00 #3A2B1E #55483C #6F645B #8A8179 #A49D97 #BFBAB6

#200F00 - #BFBAB6

HSV Blend

#200F00 - #BFBAB6 | 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 #200F00 as 0% and #BFBAB6 as 100%.

0.0%	0.0% #200F00	RGB 32 15 0	#200F00
16.7%	16.7% #3A2009	RGB 58 32 9	#3A2009
33.3%	33.3% #55351A	RGB 85 53 26	#55351A
50.0%	50.0% #6F4F35	RGB 111 79 53	#6F4F35
66.7%	66.7% #8A6E57	RGB 138 110 87	#8A6E57
83.3%	83.3% #A49182	RGB 164 145 130	#A49182
100.0%	100.0% #BFBAB6	RGB 191 186 182	#BFBAB6

#200F00 #3A2009 #55351A #6F4F35 #8A6E57 #A49182 #BFBAB6

#200F00 - #6F4F35 - #BFBAB6

CSS codes

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

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