#ACB8C0 - #59687D | 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 #ACB8C0 to #59687D

#ACB8C0 #59687D

Calculate the color between two colors, #ACB8C0 and #59687D. 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)

#ACB8C0 - #59687D | 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 #ACB8C0 as 0% and #59687D as 100%.

0.0%	0.0% #ACB8C0	RGB 172 184 192	#ACB8C0
16.7%	16.7% #9EAAB4	RGB 158 170 180	#9EAAB4
33.3%	33.3% #909DA9	RGB 144 157 169	#909DA9
50.0%	50.0% #82909E	RGB 130 144 158	#82909E
66.7%	66.7% #748293	RGB 116 130 147	#748293
83.3%	83.3% #667588	RGB 102 117 136	#667588
100.0%	100.0% #59687D	RGB 89 104 125	#59687D

#ACB8C0 #9EAAB4 #909DA9 #82909E #748293 #667588 #59687D

#ACB8C0 - #59687D

HSV Blend

#ACB8C0 - #59687D | 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 #ACB8C0 as 0% and #59687D as 100%.

0.0%	0.0% #ACB8C0	RGB 172 184 192	#ACB8C0
16.7%	16.7% #9CAAB4	RGB 156 170 180	#9CAAB4
33.3%	33.3% #8D9CA9	RGB 141 156 169	#8D9CA9
50.0%	50.0% #7F8F9E	RGB 127 143 158	#7F8F9E
66.7%	66.7% #718193	RGB 113 129 147	#718193
83.3%	83.3% #657488	RGB 101 116 136	#657488
100.0%	100.0% #59687D	RGB 89 104 125	#59687D

#ACB8C0 #9CAAB4 #8D9CA9 #7F8F9E #718193 #657488 #59687D

#ACB8C0 - #7F8F9E - #59687D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB8C0 0%, #7F8F9E 50%, #59687D 100%);
    background: -webkit-linear-gradient(top, #ACB8C0 0%, #7F8F9E 50%, #59687D 100%);
    background: linear-gradient(to bottom, #ACB8C0 0%, #7F8F9E 50%, #59687D 100%);
}
</style>