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

#200901 #BFB7B6

Calculate the color between two colors, #200901 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)

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

0.0%	0.0% #200901	RGB 32 9 1	#200901
16.7%	16.7% #3A261F	RGB 58 38 31	#3A261F
33.3%	33.3% #55433D	RGB 85 67 61	#55433D
50.0%	50.0% #6F605B	RGB 111 96 91	#6F605B
66.7%	66.7% #8A7D79	RGB 138 125 121	#8A7D79
83.3%	83.3% #A49A97	RGB 164 154 151	#A49A97
100.0%	100.0% #BFB7B6	RGB 191 183 182	#BFB7B6

#200901 #3A261F #55433D #6F605B #8A7D79 #A49A97 #BFB7B6

#200901 - #BFB7B6

HSV Blend

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

0.0%	0.0% #200901	RGB 32 9 1	#200901
16.7%	16.7% #3A150A	RGB 58 21 10	#3A150A
33.3%	33.3% #55281C	RGB 85 40 28	#55281C
50.0%	50.0% #6F4136	RGB 111 65 54	#6F4136
66.7%	66.7% #8A6059	RGB 138 96 89	#8A6059
83.3%	83.3% #A48783	RGB 164 135 131	#A48783
100.0%	100.0% #BFB7B6	RGB 191 183 182	#BFB7B6

#200901 #3A150A #55281C #6F4136 #8A6059 #A48783 #BFB7B6

#200901 - #6F4136 - #BFB7B6

CSS codes

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

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