#200101 - #BFB6B6 | 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 #200101 to #BFB6B6

#200101 #BFB6B6

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

#200101 - #BFB6B6 | 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 #200101 as 0% and #BFB6B6 as 100%.

0.0%	0.0% #200101	RGB 32 1 1	#200101
16.7%	16.7% #3A1F1F	RGB 58 31 31	#3A1F1F
33.3%	33.3% #553D3D	RGB 85 61 61	#553D3D
50.0%	50.0% #6F5B5B	RGB 111 91 91	#6F5B5B
66.7%	66.7% #8A7979	RGB 138 121 121	#8A7979
83.3%	83.3% #A49797	RGB 164 151 151	#A49797
100.0%	100.0% #BFB6B6	RGB 191 182 182	#BFB6B6

#200101 #3A1F1F #553D3D #6F5B5B #8A7979 #A49797 #BFB6B6

#200101 - #BFB6B6

HSV Blend

#200101 - #BFB6B6 | 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 #200101 as 0% and #BFB6B6 as 100%.

0.0%	0.0% #200101	RGB 32 1 1	#200101
16.7%	16.7% #3A0A0A	RGB 58 10 10	#3A0A0A
33.3%	33.3% #551C1C	RGB 85 28 28	#551C1C
50.0%	50.0% #6F3636	RGB 111 54 54	#6F3636
66.7%	66.7% #8A5959	RGB 138 89 89	#8A5959
83.3%	83.3% #A48383	RGB 164 131 131	#A48383
100.0%	100.0% #BFB6B6	RGB 191 182 182	#BFB6B6

#200101 #3A0A0A #551C1C #6F3636 #8A5959 #A48383 #BFB6B6

#200101 - #6F3636 - #BFB6B6

CSS codes

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

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