#041700 - #B7BCB6 | 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 #041700 to #B7BCB6

#041700 #B7BCB6

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

#041700 - #B7BCB6 | 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 #041700 as 0% and #B7BCB6 as 100%.

0.0%	0.0% #041700	RGB 4 23 0	#041700
16.7%	16.7% #21321E	RGB 33 50 30	#21321E
33.3%	33.3% #3F4E3C	RGB 63 78 60	#3F4E3C
50.0%	50.0% #5D695B	RGB 93 105 91	#5D695B
66.7%	66.7% #7B8579	RGB 123 133 121	#7B8579
83.3%	83.3% #99A097	RGB 153 160 151	#99A097
100.0%	100.0% #B7BCB6	RGB 183 188 182	#B7BCB6

#041700 #21321E #3F4E3C #5D695B #7B8579 #99A097 #B7BCB6

#041700 - #B7BCB6

HSV Blend

#041700 - #B7BCB6 | 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 #041700 as 0% and #B7BCB6 as 100%.

0.0%	0.0% #041700	RGB 4 23 0	#041700
16.7%	16.7% #0F3208	RGB 15 50 8	#0F3208
33.3%	33.3% #224E19	RGB 34 78 25	#224E19
50.0%	50.0% #3C6933	RGB 60 105 51	#3C6933
66.7%	66.7% #5D8555	RGB 93 133 85	#5D8555
83.3%	83.3% #86A081	RGB 134 160 129	#86A081
100.0%	100.0% #B7BCB6	RGB 183 188 182	#B7BCB6

#041700 #0F3208 #224E19 #3C6933 #5D8555 #86A081 #B7BCB6

#041700 - #3C6933 - #B7BCB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #041700 0%, #3C6933 50%, #B7BCB6 100%);
    background: -webkit-linear-gradient(top, #041700 0%, #3C6933 50%, #B7BCB6 100%);
    background: linear-gradient(to bottom, #041700 0%, #3C6933 50%, #B7BCB6 100%);
}
</style>