#B09B8C - #322C28 | 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 #B09B8C to #322C28

#B09B8C #322C28

Calculate the color between two colors, #B09B8C and #322C28. 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)

#B09B8C - #322C28 | 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 #B09B8C as 0% and #322C28 as 100%.

0.0%	0.0% #B09B8C	RGB 176 155 140	#B09B8C
16.7%	16.7% #9B887B	RGB 155 136 123	#9B887B
33.3%	33.3% #86766A	RGB 134 118 106	#86766A
50.0%	50.0% #71635A	RGB 113 99 90	#71635A
66.7%	66.7% #5C5149	RGB 92 81 73	#5C5149
83.3%	83.3% #473E38	RGB 71 62 56	#473E38
100.0%	100.0% #322C28	RGB 50 44 40	#322C28

#B09B8C #9B887B #86766A #71635A #5C5149 #473E38 #322C28

#B09B8C - #322C28

HSV Blend

#B09B8C - #322C28 | 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 #B09B8C as 0% and #322C28 as 100%.

0.0%	0.0% #B09B8C	RGB 176 155 140	#B09B8C
16.7%	16.7% #9B887B	RGB 155 136 123	#9B887B
33.3%	33.3% #86756A	RGB 134 117 106	#86756A
50.0%	50.0% #71635A	RGB 113 99 90	#71635A
66.7%	66.7% #5C5049	RGB 92 80 73	#5C5049
83.3%	83.3% #473E38	RGB 71 62 56	#473E38
100.0%	100.0% #322C28	RGB 50 44 40	#322C28

#B09B8C #9B887B #86756A #71635A #5C5049 #473E38 #322C28

#B09B8C - #71635A - #322C28

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B09B8C 0%, #71635A 50%, #322C28 100%);
    background: -webkit-linear-gradient(top, #B09B8C 0%, #71635A 50%, #322C28 100%);
    background: linear-gradient(to bottom, #B09B8C 0%, #71635A 50%, #322C28 100%);
}
</style>