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

#171804 #BCBDB7

Calculate the color between two colors, #171804 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)

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

0.0%	0.0% #171804	RGB 23 24 4	#171804
16.7%	16.7% #323321	RGB 50 51 33	#323321
33.3%	33.3% #4E4F3F	RGB 78 79 63	#4E4F3F
50.0%	50.0% #696A5D	RGB 105 106 93	#696A5D
66.7%	66.7% #85867B	RGB 133 134 123	#85867B
83.3%	83.3% #A0A199	RGB 160 161 153	#A0A199
100.0%	100.0% #BCBDB7	RGB 188 189 183	#BCBDB7

#171804 #323321 #4E4F3F #696A5D #85867B #A0A199 #BCBDB7

#171804 - #BCBDB7

HSV Blend

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

0.0%	0.0% #171804	RGB 23 24 4	#171804
16.7%	16.7% #30330F	RGB 48 51 15	#30330F
33.3%	33.3% #4B4F22	RGB 75 79 34	#4B4F22
50.0%	50.0% #656A3C	RGB 101 106 60	#656A3C
66.7%	66.7% #80865D	RGB 128 134 93	#80865D
83.3%	83.3% #9DA186	RGB 157 161 134	#9DA186
100.0%	100.0% #BCBDB7	RGB 188 189 183	#BCBDB7

#171804 #30330F #4B4F22 #656A3C #80865D #9DA186 #BCBDB7

#171804 - #656A3C - #BCBDB7

CSS codes

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

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