#ACB5B6 - #4D705D | 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 #ACB5B6 to #4D705D

#ACB5B6 #4D705D

Calculate the color between two colors, #ACB5B6 and #4D705D. 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)

#ACB5B6 - #4D705D | 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 #ACB5B6 as 0% and #4D705D as 100%.

0.0%	0.0% #ACB5B6	RGB 172 181 182	#ACB5B6
16.7%	16.7% #9CA9A7	RGB 156 169 167	#9CA9A7
33.3%	33.3% #8C9E98	RGB 140 158 152	#8C9E98
50.0%	50.0% #7C9289	RGB 124 146 137	#7C9289
66.7%	66.7% #6C877A	RGB 108 135 122	#6C877A
83.3%	83.3% #5C7B6B	RGB 92 123 107	#5C7B6B
100.0%	100.0% #4D705D	RGB 77 112 93	#4D705D

#ACB5B6 #9CA9A7 #8C9E98 #7C9289 #6C877A #5C7B6B #4D705D

#ACB5B6 - #4D705D

HSV Blend

#ACB5B6 - #4D705D | 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 #ACB5B6 as 0% and #4D705D as 100%.

0.0%	0.0% #ACB5B6	RGB 172 181 182	#ACB5B6
16.7%	16.7% #99AAAA	RGB 153 170 170	#99AAAA
33.3%	33.3% #889E9C	RGB 136 158 156	#889E9C
50.0%	50.0% #77938D	RGB 119 147 141	#77938D
66.7%	66.7% #68877D	RGB 104 135 125	#68877D
83.3%	83.3% #5A7B6D	RGB 90 123 109	#5A7B6D
100.0%	100.0% #4D705D	RGB 77 112 93	#4D705D

#ACB5B6 #99AAAA #889E9C #77938D #68877D #5A7B6D #4D705D

#ACB5B6 - #77938D - #4D705D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB5B6 0%, #77938D 50%, #4D705D 100%);
    background: -webkit-linear-gradient(top, #ACB5B6 0%, #77938D 50%, #4D705D 100%);
    background: linear-gradient(to bottom, #ACB5B6 0%, #77938D 50%, #4D705D 100%);
}
</style>