#B7B7B5 - #343433 | 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 #B7B7B5 to #343433

#B7B7B5 #343433

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

#B7B7B5 - #343433 | 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 #B7B7B5 as 0% and #343433 as 100%.

0.0%	0.0% #B7B7B5	RGB 183 183 181	#B7B7B5
16.7%	16.7% #A1A19F	RGB 161 161 159	#A1A19F
33.3%	33.3% #8B8B89	RGB 139 139 137	#8B8B89
50.0%	50.0% #757574	RGB 117 117 116	#757574
66.7%	66.7% #5F5F5E	RGB 95 95 94	#5F5F5E
83.3%	83.3% #494948	RGB 73 73 72	#494948
100.0%	100.0% #343433	RGB 52 52 51	#343433

#B7B7B5 #A1A19F #8B8B89 #757574 #5F5F5E #494948 #343433

#B7B7B5 - #343433

HSV Blend

#B7B7B5 - #343433 | 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 #B7B7B5 as 0% and #343433 as 100%.

0.0%	0.0% #B7B7B5	RGB 183 183 181	#B7B7B5
16.7%	16.7% #A1A19F	RGB 161 161 159	#A1A19F
33.3%	33.3% #8B8B89	RGB 139 139 137	#8B8B89
50.0%	50.0% #757573	RGB 117 117 115	#757573
66.7%	66.7% #5F5F5E	RGB 95 95 94	#5F5F5E
83.3%	83.3% #494948	RGB 73 73 72	#494948
100.0%	100.0% #343433	RGB 52 52 51	#343433

#B7B7B5 #A1A19F #8B8B89 #757573 #5F5F5E #494948 #343433

#B7B7B5 - #757573 - #343433

CSS codes

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

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