#171812 - #BCBDBB | 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 #171812 to #BCBDBB

#171812 #BCBDBB

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

#171812 - #BCBDBB | 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 #171812 as 0% and #BCBDBB as 100%.

0.0%	0.0% #171812	RGB 23 24 18	#171812
16.7%	16.7% #32332E	RGB 50 51 46	#32332E
33.3%	33.3% #4E4F4A	RGB 78 79 74	#4E4F4A
50.0%	50.0% #696A66	RGB 105 106 102	#696A66
66.7%	66.7% #858682	RGB 133 134 130	#858682
83.3%	83.3% #A0A19E	RGB 160 161 158	#A0A19E
100.0%	100.0% #BCBDBB	RGB 188 189 187	#BCBDBB

#171812 #32332E #4E4F4A #696A66 #858682 #A0A19E #BCBDBB

#171812 - #BCBDBB

HSV Blend

#171812 - #BCBDBB | 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 #171812 as 0% and #BCBDBB as 100%.

0.0%	0.0% #171812	RGB 23 24 18	#171812
16.7%	16.7% #313328	RGB 49 51 40	#313328
33.3%	33.3% #4B4F41	RGB 75 79 65	#4B4F41
50.0%	50.0% #656A5C	RGB 101 106 92	#656A5C
66.7%	66.7% #818679	RGB 129 134 121	#818679
83.3%	83.3% #9DA199	RGB 157 161 153	#9DA199
100.0%	100.0% #BCBDBB	RGB 188 189 187	#BCBDBB

#171812 #313328 #4B4F41 #656A5C #818679 #9DA199 #BCBDBB

#171812 - #656A5C - #BCBDBB

CSS codes

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

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