#B2B5AD - #596B55 | 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 #B2B5AD to #596B55

#B2B5AD #596B55

Calculate the color between two colors, #B2B5AD and #596B55. 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)

#B2B5AD - #596B55 | 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 #B2B5AD as 0% and #596B55 as 100%.

0.0%	0.0% #B2B5AD	RGB 178 181 173	#B2B5AD
16.7%	16.7% #A3A89E	RGB 163 168 158	#A3A89E
33.3%	33.3% #949C8F	RGB 148 156 143	#949C8F
50.0%	50.0% #859081	RGB 133 144 129	#859081
66.7%	66.7% #768372	RGB 118 131 114	#768372
83.3%	83.3% #677763	RGB 103 119 99	#677763
100.0%	100.0% #596B55	RGB 89 107 85	#596B55

#B2B5AD #A3A89E #949C8F #859081 #768372 #677763 #596B55

#B2B5AD - #596B55

HSV Blend

#B2B5AD - #596B55 | 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 #B2B5AD as 0% and #596B55 as 100%.

0.0%	0.0% #B2B5AD	RGB 178 181 173	#B2B5AD
16.7%	16.7% #A3A89C	RGB 163 168 156	#A3A89C
33.3%	33.3% #949C8D	RGB 148 156 141	#949C8D
50.0%	50.0% #85907E	RGB 133 144 126	#85907E
66.7%	66.7% #76836F	RGB 118 131 111	#76836F
83.3%	83.3% #677762	RGB 103 119 98	#677762
100.0%	100.0% #596B55	RGB 89 107 85	#596B55

#B2B5AD #A3A89C #949C8D #85907E #76836F #677762 #596B55

#B2B5AD - #85907E - #596B55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B5AD 0%, #85907E 50%, #596B55 100%);
    background: -webkit-linear-gradient(top, #B2B5AD 0%, #85907E 50%, #596B55 100%);
    background: linear-gradient(to bottom, #B2B5AD 0%, #85907E 50%, #596B55 100%);
}
</style>