#201D00 - #BFBDB6 | 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 #201D00 to #BFBDB6

#201D00 #BFBDB6

Calculate the color between two colors, #201D00 and #BFBDB6. 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)

#201D00 - #BFBDB6 | 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 #201D00 as 0% and #BFBDB6 as 100%.

0.0%	0.0% #201D00	RGB 32 29 0	#201D00
16.7%	16.7% #3A371E	RGB 58 55 30	#3A371E
33.3%	33.3% #55523C	RGB 85 82 60	#55523C
50.0%	50.0% #6F6D5B	RGB 111 109 91	#6F6D5B
66.7%	66.7% #8A8779	RGB 138 135 121	#8A8779
83.3%	83.3% #A4A297	RGB 164 162 151	#A4A297
100.0%	100.0% #BFBDB6	RGB 191 189 182	#BFBDB6

#201D00 #3A371E #55523C #6F6D5B #8A8779 #A4A297 #BFBDB6

#201D00 - #BFBDB6

HSV Blend

#201D00 - #BFBDB6 | 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 #201D00 as 0% and #BFBDB6 as 100%.

0.0%	0.0% #201D00	RGB 32 29 0	#201D00
16.7%	16.7% #3A3409	RGB 58 52 9	#3A3409
33.3%	33.3% #554D1A	RGB 85 77 26	#554D1A
50.0%	50.0% #6F6635	RGB 111 102 53	#6F6635
66.7%	66.7% #8A8057	RGB 138 128 87	#8A8057
83.3%	83.3% #A49D82	RGB 164 157 130	#A49D82
100.0%	100.0% #BFBDB6	RGB 191 189 182	#BFBDB6

#201D00 #3A3409 #554D1A #6F6635 #8A8057 #A49D82 #BFBDB6

#201D00 - #6F6635 - #BFBDB6

CSS codes

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

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