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

#161806 #BCBDB7

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

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

0.0%	0.0% #161806	RGB 22 24 6	#161806
16.7%	16.7% #313323	RGB 49 51 35	#313323
33.3%	33.3% #4D4F41	RGB 77 79 65	#4D4F41
50.0%	50.0% #696A5E	RGB 105 106 94	#696A5E
66.7%	66.7% #84867C	RGB 132 134 124	#84867C
83.3%	83.3% #A0A199	RGB 160 161 153	#A0A199
100.0%	100.0% #BCBDB7	RGB 188 189 183	#BCBDB7

#161806 #313323 #4D4F41 #696A5E #84867C #A0A199 #BCBDB7

#161806 - #BCBDB7

HSV Blend

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

0.0%	0.0% #161806	RGB 22 24 6	#161806
16.7%	16.7% #2F3313	RGB 47 51 19	#2F3313
33.3%	33.3% #494F26	RGB 73 79 38	#494F26
50.0%	50.0% #646A40	RGB 100 106 64	#646A40
66.7%	66.7% #808661	RGB 128 134 97	#808661
83.3%	83.3% #9DA189	RGB 157 161 137	#9DA189
100.0%	100.0% #BCBDB7	RGB 188 189 183	#BCBDB7

#161806 #2F3313 #494F26 #646A40 #808661 #9DA189 #BCBDB7

#161806 - #646A40 - #BCBDB7

CSS codes

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

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