#B7B6B8 - #333334 | 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 #B7B6B8 to #333334

#B7B6B8 #333334

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

#B7B6B8 - #333334 | 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 #B7B6B8 as 0% and #333334 as 100%.

0.0%	0.0% #B7B6B8	RGB 183 182 184	#B7B6B8
16.7%	16.7% #A1A0A2	RGB 161 160 162	#A1A0A2
33.3%	33.3% #8B8A8C	RGB 139 138 140	#8B8A8C
50.0%	50.0% #757476	RGB 117 116 118	#757476
66.7%	66.7% #5F5E60	RGB 95 94 96	#5F5E60
83.3%	83.3% #49484A	RGB 73 72 74	#49484A
100.0%	100.0% #333334	RGB 51 51 52	#333334

#B7B6B8 #A1A0A2 #8B8A8C #757476 #5F5E60 #49484A #333334

#B7B6B8 - #333334

HSV Blend

#B7B6B8 - #333334 | 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 #B7B6B8 as 0% and #333334 as 100%.

0.0%	0.0% #B7B6B8	RGB 183 182 184	#B7B6B8
16.7%	16.7% #A0A0A2	RGB 160 160 162	#A0A0A2
33.3%	33.3% #8A8A8C	RGB 138 138 140	#8A8A8C
50.0%	50.0% #747476	RGB 116 116 118	#747476
66.7%	66.7% #5E5E60	RGB 94 94 96	#5E5E60
83.3%	83.3% #48484A	RGB 72 72 74	#48484A
100.0%	100.0% #333334	RGB 51 51 52	#333334

#B7B6B8 #A0A0A2 #8A8A8C #747476 #5E5E60 #48484A #333334

#B7B6B8 - #747476 - #333334

CSS codes

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

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