#200609 - #BFB7B8 | 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 #200609 to #BFB7B8

#200609 #BFB7B8

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

#200609 - #BFB7B8 | 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 #200609 as 0% and #BFB7B8 as 100%.

0.0%	0.0% #200609	RGB 32 6 9	#200609
16.7%	16.7% #3A2326	RGB 58 35 38	#3A2326
33.3%	33.3% #554143	RGB 85 65 67	#554143
50.0%	50.0% #6F5E60	RGB 111 94 96	#6F5E60
66.7%	66.7% #8A7C7D	RGB 138 124 125	#8A7C7D
83.3%	83.3% #A4999A	RGB 164 153 154	#A4999A
100.0%	100.0% #BFB7B8	RGB 191 183 184	#BFB7B8

#200609 #3A2326 #554143 #6F5E60 #8A7C7D #A4999A #BFB7B8

#200609 - #BFB7B8

HSV Blend

#200609 - #BFB7B8 | 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 #200609 as 0% and #BFB7B8 as 100%.

0.0%	0.0% #200609	RGB 32 6 9	#200609
16.7%	16.7% #3A1217	RGB 58 18 23	#3A1217
33.3%	33.3% #55252B	RGB 85 37 43	#55252B
50.0%	50.0% #6F3F45	RGB 111 63 69	#6F3F45
66.7%	66.7% #8A6065	RGB 138 96 101	#8A6065
83.3%	83.3% #A4888B	RGB 164 136 139	#A4888B
100.0%	100.0% #BFB7B8	RGB 191 183 184	#BFB7B8

#200609 #3A1217 #55252B #6F3F45 #8A6065 #A4888B #BFB7B8

#200609 - #6F3F45 - #BFB7B8

CSS codes

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

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