#202B05 - #BFC2B7 | 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 #202B05 to #BFC2B7

#202B05 #BFC2B7

Calculate the color between two colors, #202B05 and #BFC2B7. 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)

#202B05 - #BFC2B7 | 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 #202B05 as 0% and #BFC2B7 as 100%.

0.0%	0.0% #202B05	RGB 32 43 5	#202B05
16.7%	16.7% #3A4422	RGB 58 68 34	#3A4422
33.3%	33.3% #555D40	RGB 85 93 64	#555D40
50.0%	50.0% #6F765E	RGB 111 118 94	#6F765E
66.7%	66.7% #8A8F7B	RGB 138 143 123	#8A8F7B
83.3%	83.3% #A4A899	RGB 164 168 153	#A4A899
100.0%	100.0% #BFC2B7	RGB 191 194 183	#BFC2B7

#202B05 #3A4422 #555D40 #6F765E #8A8F7B #A4A899 #BFC2B7

#202B05 - #BFC2B7

HSV Blend

#202B05 - #BFC2B7 | 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 #202B05 as 0% and #BFC2B7 as 100%.

0.0%	0.0% #202B05	RGB 32 43 5	#202B05
16.7%	16.7% #354411	RGB 53 68 17	#354411
33.3%	33.3% #4D5D24	RGB 77 93 36	#4D5D24
50.0%	50.0% #66763E	RGB 102 118 62	#66763E
66.7%	66.7% #828F5F	RGB 130 143 95	#828F5F
83.3%	83.3% #9FA887	RGB 159 168 135	#9FA887
100.0%	100.0% #BFC2B7	RGB 191 194 183	#BFC2B7

#202B05 #354411 #4D5D24 #66763E #828F5F #9FA887 #BFC2B7

#202B05 - #66763E - #BFC2B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202B05 0%, #66763E 50%, #BFC2B7 100%);
    background: -webkit-linear-gradient(top, #202B05 0%, #66763E 50%, #BFC2B7 100%);
    background: linear-gradient(to bottom, #202B05 0%, #66763E 50%, #BFC2B7 100%);
}
</style>