#AC9CAC - #E6E2E7 | 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 #AC9CAC to #E6E2E7

#AC9CAC #E6E2E7

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

#AC9CAC - #E6E2E7 | 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 #AC9CAC as 0% and #E6E2E7 as 100%.

0.0%	0.0% #AC9CAC	RGB 172 156 172	#AC9CAC
16.7%	16.7% #B5A7B5	RGB 181 167 181	#B5A7B5
33.3%	33.3% #BFB3BF	RGB 191 179 191	#BFB3BF
50.0%	50.0% #C9BFC9	RGB 201 191 201	#C9BFC9
66.7%	66.7% #D2CAD3	RGB 210 202 211	#D2CAD3
83.3%	83.3% #DCD6DD	RGB 220 214 221	#DCD6DD
100.0%	100.0% #E6E2E7	RGB 230 226 231	#E6E2E7

#AC9CAC #B5A7B5 #BFB3BF #C9BFC9 #D2CAD3 #DCD6DD #E6E2E7

#AC9CAC - #E6E2E7

HSV Blend

#AC9CAC - #E6E2E7 | 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 #AC9CAC as 0% and #E6E2E7 as 100%.

0.0%	0.0% #AC9CAC	RGB 172 156 172	#AC9CAC
16.7%	16.7% #B5A7B5	RGB 181 167 181	#B5A7B5
33.3%	33.3% #BEB2BF	RGB 190 178 191	#BEB2BF
50.0%	50.0% #C8BDC9	RGB 200 189 201	#C8BDC9
66.7%	66.7% #D2C9D3	RGB 210 201 211	#D2C9D3
83.3%	83.3% #DBD5DD	RGB 219 213 221	#DBD5DD
100.0%	100.0% #E6E2E7	RGB 230 226 231	#E6E2E7

#AC9CAC #B5A7B5 #BEB2BF #C8BDC9 #D2C9D3 #DBD5DD #E6E2E7

#AC9CAC - #C8BDC9 - #E6E2E7

CSS codes

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

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