#200B0B - #BFB9B9 | 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 #200B0B to #BFB9B9

#200B0B #BFB9B9

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

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

0.0%	0.0% #200B0B	RGB 32 11 11	#200B0B
16.7%	16.7% #3A2828	RGB 58 40 40	#3A2828
33.3%	33.3% #554545	RGB 85 69 69	#554545
50.0%	50.0% #6F6262	RGB 111 98 98	#6F6262
66.7%	66.7% #8A7F7F	RGB 138 127 127	#8A7F7F
83.3%	83.3% #A49C9C	RGB 164 156 156	#A49C9C
100.0%	100.0% #BFB9B9	RGB 191 185 185	#BFB9B9

#200B0B #3A2828 #554545 #6F6262 #8A7F7F #A49C9C #BFB9B9

#200B0B - #BFB9B9

HSV Blend

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

0.0%	0.0% #200B0B	RGB 32 11 11	#200B0B
16.7%	16.7% #3A1A1A	RGB 58 26 26	#3A1A1A
33.3%	33.3% #552E2E	RGB 85 46 46	#552E2E
50.0%	50.0% #6F4949	RGB 111 73 73	#6F4949
66.7%	66.7% #8A6868	RGB 138 104 104	#8A6868
83.3%	83.3% #A48E8E	RGB 164 142 142	#A48E8E
100.0%	100.0% #BFB9B9	RGB 191 185 185	#BFB9B9

#200B0B #3A1A1A #552E2E #6F4949 #8A6868 #A48E8E #BFB9B9

#200B0B - #6F4949 - #BFB9B9

CSS codes

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

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