#ACA8C7 - #5B5285 | 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 #ACA8C7 to #5B5285

#ACA8C7 #5B5285

Calculate the color between two colors, #ACA8C7 and #5B5285. 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)

#ACA8C7 - #5B5285 | 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 #ACA8C7 as 0% and #5B5285 as 100%.

0.0%	0.0% #ACA8C7	RGB 172 168 199	#ACA8C7
16.7%	16.7% #9E99BC	RGB 158 153 188	#9E99BC
33.3%	33.3% #918BB1	RGB 145 139 177	#918BB1
50.0%	50.0% #837DA6	RGB 131 125 166	#837DA6
66.7%	66.7% #766E9B	RGB 118 110 155	#766E9B
83.3%	83.3% #686090	RGB 104 96 144	#686090
100.0%	100.0% #5B5285	RGB 91 82 133	#5B5285

#ACA8C7 #9E99BC #918BB1 #837DA6 #766E9B #686090 #5B5285

#ACA8C7 - #5B5285

HSV Blend

#ACA8C7 - #5B5285 | 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 #ACA8C7 as 0% and #5B5285 as 100%.

0.0%	0.0% #ACA8C7	RGB 172 168 199	#ACA8C7
16.7%	16.7% #9C97BC	RGB 156 151 188	#9C97BC
33.3%	33.3% #8D87B1	RGB 141 135 177	#8D87B1
50.0%	50.0% #8079A6	RGB 128 121 166	#8079A6
66.7%	66.7% #726B9B	RGB 114 107 155	#726B9B
83.3%	83.3% #665E90	RGB 102 94 144	#665E90
100.0%	100.0% #5B5285	RGB 91 82 133	#5B5285

#ACA8C7 #9C97BC #8D87B1 #8079A6 #726B9B #665E90 #5B5285

#ACA8C7 - #8079A6 - #5B5285

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACA8C7 0%, #8079A6 50%, #5B5285 100%);
    background: -webkit-linear-gradient(top, #ACA8C7 0%, #8079A6 50%, #5B5285 100%);
    background: linear-gradient(to bottom, #ACA8C7 0%, #8079A6 50%, #5B5285 100%);
}
</style>