#B2B2B5 - #5A5A6B | 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 #B2B2B5 to #5A5A6B

#B2B2B5 #5A5A6B

Calculate the color between two colors, #B2B2B5 and #5A5A6B. 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)

#B2B2B5 - #5A5A6B | 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 #B2B2B5 as 0% and #5A5A6B as 100%.

0.0%	0.0% #B2B2B5	RGB 178 178 181	#B2B2B5
16.7%	16.7% #A3A3A8	RGB 163 163 168	#A3A3A8
33.3%	33.3% #94949C	RGB 148 148 156	#94949C
50.0%	50.0% #868690	RGB 134 134 144	#868690
66.7%	66.7% #777783	RGB 119 119 131	#777783
83.3%	83.3% #686877	RGB 104 104 119	#686877
100.0%	100.0% #5A5A6B	RGB 90 90 107	#5A5A6B

#B2B2B5 #A3A3A8 #94949C #868690 #777783 #686877 #5A5A6B

#B2B2B5 - #5A5A6B

HSV Blend

#B2B2B5 - #5A5A6B | 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 #B2B2B5 as 0% and #5A5A6B as 100%.

0.0%	0.0% #B2B2B5	RGB 178 178 181	#B2B2B5
16.7%	16.7% #A1A1A8	RGB 161 161 168	#A1A1A8
33.3%	33.3% #92929C	RGB 146 146 156	#92929C
50.0%	50.0% #838390	RGB 131 131 144	#838390
66.7%	66.7% #747483	RGB 116 116 131	#747483
83.3%	83.3% #676777	RGB 103 103 119	#676777
100.0%	100.0% #5A5A6B	RGB 90 90 107	#5A5A6B

#B2B2B5 #A1A1A8 #92929C #838390 #747483 #676777 #5A5A6B

#B2B2B5 - #838390 - #5A5A6B

CSS codes

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

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