#B9BCA1 - #34352E | 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 #B9BCA1 to #34352E

#B9BCA1 #34352E

Calculate the color between two colors, #B9BCA1 and #34352E. 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)

#B9BCA1 - #34352E | 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 #B9BCA1 as 0% and #34352E as 100%.

0.0%	0.0% #B9BCA1	RGB 185 188 161	#B9BCA1
16.7%	16.7% #A2A58D	RGB 162 165 141	#A2A58D
33.3%	33.3% #8C8F7A	RGB 140 143 122	#8C8F7A
50.0%	50.0% #767867	RGB 118 120 103	#767867
66.7%	66.7% #606254	RGB 96 98 84	#606254
83.3%	83.3% #4A4B41	RGB 74 75 65	#4A4B41
100.0%	100.0% #34352E	RGB 52 53 46	#34352E

#B9BCA1 #A2A58D #8C8F7A #767867 #606254 #4A4B41 #34352E

#B9BCA1 - #34352E

HSV Blend

#B9BCA1 - #34352E | 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 #B9BCA1 as 0% and #34352E as 100%.

0.0%	0.0% #B9BCA1	RGB 185 188 161	#B9BCA1
16.7%	16.7% #A2A58E	RGB 162 165 142	#A2A58E
33.3%	33.3% #8C8F7B	RGB 140 143 123	#8C8F7B
50.0%	50.0% #767867	RGB 118 120 103	#767867
66.7%	66.7% #606254	RGB 96 98 84	#606254
83.3%	83.3% #4A4B41	RGB 74 75 65	#4A4B41
100.0%	100.0% #34352E	RGB 52 53 46	#34352E

#B9BCA1 #A2A58E #8C8F7B #767867 #606254 #4A4B41 #34352E

#B9BCA1 - #767867 - #34352E

CSS codes

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

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