#ACB5CD - #4B718B | 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 #ACB5CD to #4B718B

#ACB5CD #4B718B

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

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

0.0%	0.0% #ACB5CD	RGB 172 181 205	#ACB5CD
16.7%	16.7% #9BA9C2	RGB 155 169 194	#9BA9C2
33.3%	33.3% #8B9EB7	RGB 139 158 183	#8B9EB7
50.0%	50.0% #7B93AC	RGB 123 147 172	#7B93AC
66.7%	66.7% #6B87A1	RGB 107 135 161	#6B87A1
83.3%	83.3% #5B7C96	RGB 91 124 150	#5B7C96
100.0%	100.0% #4B718B	RGB 75 113 139	#4B718B

#ACB5CD #9BA9C2 #8B9EB7 #7B93AC #6B87A1 #5B7C96 #4B718B

#ACB5CD - #4B718B

HSV Blend

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

0.0%	0.0% #ACB5CD	RGB 172 181 205	#ACB5CD
16.7%	16.7% #99A6C2	RGB 153 166 194	#99A6C2
33.3%	33.3% #8799B7	RGB 135 153 183	#8799B7
50.0%	50.0% #768DAC	RGB 118 141 172	#768DAC
66.7%	66.7% #6683A1	RGB 102 131 161	#6683A1
83.3%	83.3% #587996	RGB 88 121 150	#587996
100.0%	100.0% #4B718B	RGB 75 113 139	#4B718B

#ACB5CD #99A6C2 #8799B7 #768DAC #6683A1 #587996 #4B718B

#ACB5CD - #768DAC - #4B718B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB5CD 0%, #768DAC 50%, #4B718B 100%);
    background: -webkit-linear-gradient(top, #ACB5CD 0%, #768DAC 50%, #4B718B 100%);
    background: linear-gradient(to bottom, #ACB5CD 0%, #768DAC 50%, #4B718B 100%);
}
</style>