#200601 - #BFB7B6 | 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 #200601 to #BFB7B6

#200601 #BFB7B6

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

#200601 - #BFB7B6 | 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 #200601 as 0% and #BFB7B6 as 100%.

0.0%	0.0% #200601	RGB 32 6 1	#200601
16.7%	16.7% #3A231F	RGB 58 35 31	#3A231F
33.3%	33.3% #55413D	RGB 85 65 61	#55413D
50.0%	50.0% #6F5E5B	RGB 111 94 91	#6F5E5B
66.7%	66.7% #8A7C79	RGB 138 124 121	#8A7C79
83.3%	83.3% #A49997	RGB 164 153 151	#A49997
100.0%	100.0% #BFB7B6	RGB 191 183 182	#BFB7B6

#200601 #3A231F #55413D #6F5E5B #8A7C79 #A49997 #BFB7B6

#200601 - #BFB7B6

HSV Blend

#200601 - #BFB7B6 | 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 #200601 as 0% and #BFB7B6 as 100%.

0.0%	0.0% #200601	RGB 32 6 1	#200601
16.7%	16.7% #3A120A	RGB 58 18 10	#3A120A
33.3%	33.3% #55241C	RGB 85 36 28	#55241C
50.0%	50.0% #6F3E36	RGB 111 62 54	#6F3E36
66.7%	66.7% #8A5F59	RGB 138 95 89	#8A5F59
83.3%	83.3% #A48783	RGB 164 135 131	#A48783
100.0%	100.0% #BFB7B6	RGB 191 183 182	#BFB7B6

#200601 #3A120A #55241C #6F3E36 #8A5F59 #A48783 #BFB7B6

#200601 - #6F3E36 - #BFB7B6

CSS codes

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

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