#20171D - #BFBCBE | 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 #20171D to #BFBCBE

#20171D #BFBCBE

Calculate the color between two colors, #20171D and #BFBCBE. 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)

#20171D - #BFBCBE | 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 #20171D as 0% and #BFBCBE as 100%.

0.0%	0.0% #20171D	RGB 32 23 29	#20171D
16.7%	16.7% #3A3237	RGB 58 50 55	#3A3237
33.3%	33.3% #554E52	RGB 85 78 82	#554E52
50.0%	50.0% #6F696D	RGB 111 105 109	#6F696D
66.7%	66.7% #8A8588	RGB 138 133 136	#8A8588
83.3%	83.3% #A4A0A3	RGB 164 160 163	#A4A0A3
100.0%	100.0% #BFBCBE	RGB 191 188 190	#BFBCBE

#20171D #3A3237 #554E52 #6F696D #8A8588 #A4A0A3 #BFBCBE

#20171D - #BFBCBE

HSV Blend

#20171D - #BFBCBE | 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 #20171D as 0% and #BFBCBE as 100%.

0.0%	0.0% #20171D	RGB 32 23 29	#20171D
16.7%	16.7% #3A2C35	RGB 58 44 53	#3A2C35
33.3%	33.3% #55444F	RGB 85 68 79	#55444F
50.0%	50.0% #6F5E69	RGB 111 94 105	#6F5E69
66.7%	66.7% #8A7B85	RGB 138 123 133	#8A7B85
83.3%	83.3% #A49AA1	RGB 164 154 161	#A49AA1
100.0%	100.0% #BFBCBE	RGB 191 188 190	#BFBCBE

#20171D #3A2C35 #55444F #6F5E69 #8A7B85 #A49AA1 #BFBCBE

#20171D - #6F5E69 - #BFBCBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20171D 0%, #6F5E69 50%, #BFBCBE 100%);
    background: -webkit-linear-gradient(top, #20171D 0%, #6F5E69 50%, #BFBCBE 100%);
    background: linear-gradient(to bottom, #20171D 0%, #6F5E69 50%, #BFBCBE 100%);
}
</style>