#171806 - #BCBDB7 | 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 #171806 to #BCBDB7

#171806 #BCBDB7

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

#171806 - #BCBDB7 | 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 #171806 as 0% and #BCBDB7 as 100%.

0.0%	0.0% #171806	RGB 23 24 6	#171806
16.7%	16.7% #323323	RGB 50 51 35	#323323
33.3%	33.3% #4E4F41	RGB 78 79 65	#4E4F41
50.0%	50.0% #696A5E	RGB 105 106 94	#696A5E
66.7%	66.7% #85867C	RGB 133 134 124	#85867C
83.3%	83.3% #A0A199	RGB 160 161 153	#A0A199
100.0%	100.0% #BCBDB7	RGB 188 189 183	#BCBDB7

#171806 #323323 #4E4F41 #696A5E #85867C #A0A199 #BCBDB7

#171806 - #BCBDB7

HSV Blend

#171806 - #BCBDB7 | 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 #171806 as 0% and #BCBDB7 as 100%.

0.0%	0.0% #171806	RGB 23 24 6	#171806
16.7%	16.7% #313313	RGB 49 51 19	#313313
33.3%	33.3% #4B4F26	RGB 75 79 38	#4B4F26
50.0%	50.0% #656A40	RGB 101 106 64	#656A40
66.7%	66.7% #818661	RGB 129 134 97	#818661
83.3%	83.3% #9DA189	RGB 157 161 137	#9DA189
100.0%	100.0% #BCBDB7	RGB 188 189 183	#BCBDB7

#171806 #313313 #4B4F26 #656A40 #818661 #9DA189 #BCBDB7

#171806 - #656A40 - #BCBDB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #171806 0%, #656A40 50%, #BCBDB7 100%);
    background: -webkit-linear-gradient(top, #171806 0%, #656A40 50%, #BCBDB7 100%);
    background: linear-gradient(to bottom, #171806 0%, #656A40 50%, #BCBDB7 100%);
}
</style>