#ACB8C7 - #556985 | 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 #ACB8C7 to #556985

#ACB8C7 #556985

Calculate the color between two colors, #ACB8C7 and #556985. 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)

#ACB8C7 - #556985 | 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 #ACB8C7 as 0% and #556985 as 100%.

0.0%	0.0% #ACB8C7	RGB 172 184 199	#ACB8C7
16.7%	16.7% #9DAABC	RGB 157 170 188	#9DAABC
33.3%	33.3% #8F9DB1	RGB 143 157 177	#8F9DB1
50.0%	50.0% #8090A6	RGB 128 144 166	#8090A6
66.7%	66.7% #72839B	RGB 114 131 155	#72839B
83.3%	83.3% #637690	RGB 99 118 144	#637690
100.0%	100.0% #556985	RGB 85 105 133	#556985

#ACB8C7 #9DAABC #8F9DB1 #8090A6 #72839B #637690 #556985

#ACB8C7 - #556985

HSV Blend

#ACB8C7 - #556985 | 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 #ACB8C7 as 0% and #556985 as 100%.

0.0%	0.0% #ACB8C7	RGB 172 184 199	#ACB8C7
16.7%	16.7% #9BA9BC	RGB 155 169 188	#9BA9BC
33.3%	33.3% #8B9BB1	RGB 139 155 177	#8B9BB1
50.0%	50.0% #7C8EA6	RGB 124 142 166	#7C8EA6
66.7%	66.7% #6E819B	RGB 110 129 155	#6E819B
83.3%	83.3% #617590	RGB 97 117 144	#617590
100.0%	100.0% #556985	RGB 85 105 133	#556985

#ACB8C7 #9BA9BC #8B9BB1 #7C8EA6 #6E819B #617590 #556985

#ACB8C7 - #7C8EA6 - #556985

CSS codes

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

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