#170E0E - #BCBABA | 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 #170E0E to #BCBABA

#170E0E #BCBABA

Calculate the color between two colors, #170E0E and #BCBABA. 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)

#170E0E - #BCBABA | 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 #170E0E as 0% and #BCBABA as 100%.

0.0%	0.0% #170E0E	RGB 23 14 14	#170E0E
16.7%	16.7% #322A2A	RGB 50 42 42	#322A2A
33.3%	33.3% #4E4747	RGB 78 71 71	#4E4747
50.0%	50.0% #696464	RGB 105 100 100	#696464
66.7%	66.7% #858080	RGB 133 128 128	#858080
83.3%	83.3% #A09D9D	RGB 160 157 157	#A09D9D
100.0%	100.0% #BCBABA	RGB 188 186 186	#BCBABA

#170E0E #322A2A #4E4747 #696464 #858080 #A09D9D #BCBABA

#170E0E - #BCBABA

HSV Blend

#170E0E - #BCBABA | 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 #170E0E as 0% and #BCBABA as 100%.

0.0%	0.0% #170E0E	RGB 23 14 14	#170E0E
16.7%	16.7% #322121	RGB 50 33 33	#322121
33.3%	33.3% #4E3939	RGB 78 57 57	#4E3939
50.0%	50.0% #695454	RGB 105 84 84	#695454
66.7%	66.7% #857272	RGB 133 114 114	#857272
83.3%	83.3% #A09494	RGB 160 148 148	#A09494
100.0%	100.0% #BCBABA	RGB 188 186 186	#BCBABA

#170E0E #322121 #4E3939 #695454 #857272 #A09494 #BCBABA

#170E0E - #695454 - #BCBABA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #170E0E 0%, #695454 50%, #BCBABA 100%);
    background: -webkit-linear-gradient(top, #170E0E 0%, #695454 50%, #BCBABA 100%);
    background: linear-gradient(to bottom, #170E0E 0%, #695454 50%, #BCBABA 100%);
}
</style>