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

#B2B5B5 #5C5A6B

Calculate the color between two colors, #B2B5B5 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)

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

0.0%	0.0% #B2B5B5	RGB 178 181 181	#B2B5B5
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

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

#B2B5B5 - #5C5A6B

HSV Blend

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

0.0%	0.0% #B2B5B5	RGB 178 181 181	#B2B5B5
16.7%	16.7% #A1A7A8	RGB 161 167 168	#A1A7A8
33.3%	33.3% #92989C	RGB 146 152 156	#92989C
50.0%	50.0% #838890	RGB 131 136 144	#838890
66.7%	66.7% #747883	RGB 116 120 131	#747883
83.3%	83.3% #676877	RGB 103 104 119	#676877
100.0%	100.0% #5C5A6B	RGB 92 90 107	#5C5A6B

#B2B5B5 #A1A7A8 #92989C #838890 #747883 #676877 #5C5A6B

#B2B5B5 - #838890 - #5C5A6B

CSS codes

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

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