#B9BAB1 - #343532 | 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 #B9BAB1 to #343532

#B9BAB1 #343532

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

#B9BAB1 - #343532 | 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 #B9BAB1 as 0% and #343532 as 100%.

0.0%	0.0% #B9BAB1	RGB 185 186 177	#B9BAB1
16.7%	16.7% #A2A39B	RGB 162 163 155	#A2A39B
33.3%	33.3% #8C8D86	RGB 140 141 134	#8C8D86
50.0%	50.0% #767771	RGB 118 119 113	#767771
66.7%	66.7% #60615C	RGB 96 97 92	#60615C
83.3%	83.3% #4A4B47	RGB 74 75 71	#4A4B47
100.0%	100.0% #343532	RGB 52 53 50	#343532

#B9BAB1 #A2A39B #8C8D86 #767771 #60615C #4A4B47 #343532

#B9BAB1 - #343532

HSV Blend

#B9BAB1 - #343532 | 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 #B9BAB1 as 0% and #343532 as 100%.

0.0%	0.0% #B9BAB1	RGB 185 186 177	#B9BAB1
16.7%	16.7% #A2A39B	RGB 162 163 155	#A2A39B
33.3%	33.3% #8C8D86	RGB 140 141 134	#8C8D86
50.0%	50.0% #767771	RGB 118 119 113	#767771
66.7%	66.7% #5F615C	RGB 95 97 92	#5F615C
83.3%	83.3% #494B47	RGB 73 75 71	#494B47
100.0%	100.0% #343532	RGB 52 53 50	#343532

#B9BAB1 #A2A39B #8C8D86 #767771 #5F615C #494B47 #343532

#B9BAB1 - #767771 - #343532

CSS codes

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

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