#B5B2B2 - #636B5A | 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 #B5B2B2 to #636B5A

#B5B2B2 #636B5A

Calculate the color between two colors, #B5B2B2 and #636B5A. 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)

#B5B2B2 - #636B5A | 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 #B5B2B2 as 0% and #636B5A as 100%.

0.0%	0.0% #B5B2B2	RGB 181 178 178	#B5B2B2
16.7%	16.7% #A7A6A3	RGB 167 166 163	#A7A6A3
33.3%	33.3% #999A94	RGB 153 154 148	#999A94
50.0%	50.0% #8C8E86	RGB 140 142 134	#8C8E86
66.7%	66.7% #7E8277	RGB 126 130 119	#7E8277
83.3%	83.3% #707668	RGB 112 118 104	#707668
100.0%	100.0% #636B5A	RGB 99 107 90	#636B5A

#B5B2B2 #A7A6A3 #999A94 #8C8E86 #7E8277 #707668 #636B5A

#B5B2B2 - #636B5A

HSV Blend

#B5B2B2 - #636B5A | 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 #B5B2B2 as 0% and #636B5A as 100%.

0.0%	0.0% #B5B2B2	RGB 181 178 178	#B5B2B2
16.7%	16.7% #A8A3A1	RGB 168 163 161	#A8A3A1
33.3%	33.3% #9C9792	RGB 156 151 146	#9C9792
50.0%	50.0% #908C83	RGB 144 140 131	#908C83
66.7%	66.7% #838374	RGB 131 131 116	#838374
83.3%	83.3% #737767	RGB 115 119 103	#737767
100.0%	100.0% #636B5A	RGB 99 107 90	#636B5A

#B5B2B2 #A8A3A1 #9C9792 #908C83 #838374 #737767 #636B5A

#B5B2B2 - #908C83 - #636B5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B2B2 0%, #908C83 50%, #636B5A 100%);
    background: -webkit-linear-gradient(top, #B5B2B2 0%, #908C83 50%, #636B5A 100%);
    background: linear-gradient(to bottom, #B5B2B2 0%, #908C83 50%, #636B5A 100%);
}
</style>