#161714 - #BCBCBB | 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 #161714 to #BCBCBB

#161714 #BCBCBB

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

#161714 - #BCBCBB | 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 #161714 as 0% and #BCBCBB as 100%.

0.0%	0.0% #161714	RGB 22 23 20	#161714
16.7%	16.7% #31322F	RGB 49 50 47	#31322F
33.3%	33.3% #4D4E4B	RGB 77 78 75	#4D4E4B
50.0%	50.0% #696967	RGB 105 105 103	#696967
66.7%	66.7% #848583	RGB 132 133 131	#848583
83.3%	83.3% #A0A09F	RGB 160 160 159	#A0A09F
100.0%	100.0% #BCBCBB	RGB 188 188 187	#BCBCBB

#161714 #31322F #4D4E4B #696967 #848583 #A0A09F #BCBCBB

#161714 - #BCBCBB

HSV Blend

#161714 - #BCBCBB | 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 #161714 as 0% and #BCBCBB as 100%.

0.0%	0.0% #161714	RGB 22 23 20	#161714
16.7%	16.7% #30322C	RGB 48 50 44	#30322C
33.3%	33.3% #4C4E47	RGB 76 78 71	#4C4E47
50.0%	50.0% #686962	RGB 104 105 98	#686962
66.7%	66.7% #84857E	RGB 132 133 126	#84857E
83.3%	83.3% #A0A09C	RGB 160 160 156	#A0A09C
100.0%	100.0% #BCBCBB	RGB 188 188 187	#BCBCBB

#161714 #30322C #4C4E47 #686962 #84857E #A0A09C #BCBCBB

#161714 - #686962 - #BCBCBB

CSS codes

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

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