#B2B4B5 - #5C5A6B | 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 #B2B4B5 to #5C5A6B

#B2B4B5 #5C5A6B

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

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

0.0%	0.0% #B2B4B5	RGB 178 180 181	#B2B4B5
16.7%	16.7% #A3A5A8	RGB 163 165 168	#A3A5A8
33.3%	33.3% #95969C	RGB 149 150 156	#95969C
50.0%	50.0% #878790	RGB 135 135 144	#878790
66.7%	66.7% #787883	RGB 120 120 131	#787883
83.3%	83.3% #6A6977	RGB 106 105 119	#6A6977
100.0%	100.0% #5C5A6B	RGB 92 90 107	#5C5A6B

#B2B4B5 #A3A5A8 #95969C #878790 #787883 #6A6977 #5C5A6B

#B2B4B5 - #5C5A6B

HSV Blend

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

0.0%	0.0% #B2B4B5	RGB 178 180 181	#B2B4B5
16.7%	16.7% #A1A5A8	RGB 161 165 168	#A1A5A8
33.3%	33.3% #92969C	RGB 146 150 156	#92969C
50.0%	50.0% #838690	RGB 131 134 144	#838690
66.7%	66.7% #747783	RGB 116 119 131	#747783
83.3%	83.3% #676777	RGB 103 103 119	#676777
100.0%	100.0% #5C5A6B	RGB 92 90 107	#5C5A6B

#B2B4B5 #A1A5A8 #92969C #838690 #747783 #676777 #5C5A6B

#B2B4B5 - #838690 - #5C5A6B

CSS codes

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

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