#160C05 - #BCB9B7 | 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 #160C05 to #BCB9B7

#160C05 #BCB9B7

Calculate the color between two colors, #160C05 and #BCB9B7. 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)

#160C05 - #BCB9B7 | 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 #160C05 as 0% and #BCB9B7 as 100%.

0.0%	0.0% #160C05	RGB 22 12 5	#160C05
16.7%	16.7% #312822	RGB 49 40 34	#312822
33.3%	33.3% #4D4540	RGB 77 69 64	#4D4540
50.0%	50.0% #69625E	RGB 105 98 94	#69625E
66.7%	66.7% #847F7B	RGB 132 127 123	#847F7B
83.3%	83.3% #A09C99	RGB 160 156 153	#A09C99
100.0%	100.0% #BCB9B7	RGB 188 185 183	#BCB9B7

#160C05 #312822 #4D4540 #69625E #847F7B #A09C99 #BCB9B7

#160C05 - #BCB9B7

HSV Blend

#160C05 - #BCB9B7 | 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 #160C05 as 0% and #BCB9B7 as 100%.

0.0%	0.0% #160C05	RGB 22 12 5	#160C05
16.7%	16.7% #311E11	RGB 49 30 17	#311E11
33.3%	33.3% #4D3524	RGB 77 53 36	#4D3524
50.0%	50.0% #69503F	RGB 105 80 63	#69503F
66.7%	66.7% #846E60	RGB 132 110 96	#846E60
83.3%	83.3% #A09188	RGB 160 145 136	#A09188
100.0%	100.0% #BCB9B7	RGB 188 185 183	#BCB9B7

#160C05 #311E11 #4D3524 #69503F #846E60 #A09188 #BCB9B7

#160C05 - #69503F - #BCB9B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160C05 0%, #69503F 50%, #BCB9B7 100%);
    background: -webkit-linear-gradient(top, #160C05 0%, #69503F 50%, #BCB9B7 100%);
    background: linear-gradient(to bottom, #160C05 0%, #69503F 50%, #BCB9B7 100%);
}
</style>