#091606 - #B8BCB7 | 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 #091606 to #B8BCB7

#091606 #B8BCB7

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

#091606 - #B8BCB7 | 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 #091606 as 0% and #B8BCB7 as 100%.

0.0%	0.0% #091606	RGB 9 22 6	#091606
16.7%	16.7% #263123	RGB 38 49 35	#263123
33.3%	33.3% #434D41	RGB 67 77 65	#434D41
50.0%	50.0% #60695E	RGB 96 105 94	#60695E
66.7%	66.7% #7D847C	RGB 125 132 124	#7D847C
83.3%	83.3% #9AA099	RGB 154 160 153	#9AA099
100.0%	100.0% #B8BCB7	RGB 184 188 183	#B8BCB7

#091606 #263123 #434D41 #60695E #7D847C #9AA099 #B8BCB7

#091606 - #B8BCB7

HSV Blend

#091606 - #B8BCB7 | 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 #091606 as 0% and #B8BCB7 as 100%.

0.0%	0.0% #091606	RGB 9 22 6	#091606
16.7%	16.7% #193113	RGB 25 49 19	#193113
33.3%	33.3% #2E4D27	RGB 46 77 39	#2E4D27
50.0%	50.0% #496941	RGB 73 105 65	#496941
66.7%	66.7% #688462	RGB 104 132 98	#688462
83.3%	83.3% #8DA089	RGB 141 160 137	#8DA089
100.0%	100.0% #B8BCB7	RGB 184 188 183	#B8BCB7

#091606 #193113 #2E4D27 #496941 #688462 #8DA089 #B8BCB7

#091606 - #496941 - #B8BCB7

CSS codes

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

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