#E5E2E2 - #AC8E9E | 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 #E5E2E2 to #AC8E9E

#E5E2E2 #AC8E9E

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

#E5E2E2 - #AC8E9E | 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 #E5E2E2 as 0% and #AC8E9E as 100%.

0.0%	0.0% #E5E2E2	RGB 229 226 226	#E5E2E2
16.7%	16.7% #DBD4D6	RGB 219 212 214	#DBD4D6
33.3%	33.3% #D2C6CB	RGB 210 198 203	#D2C6CB
50.0%	50.0% #C8B8C0	RGB 200 184 192	#C8B8C0
66.7%	66.7% #BFAAB4	RGB 191 170 180	#BFAAB4
83.3%	83.3% #B59CA9	RGB 181 156 169	#B59CA9
100.0%	100.0% #AC8E9E	RGB 172 142 158	#AC8E9E

#E5E2E2 #DBD4D6 #D2C6CB #C8B8C0 #BFAAB4 #B59CA9 #AC8E9E

#E5E2E2 - #AC8E9E

HSV Blend

#E5E2E2 - #AC8E9E | 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 #E5E2E2 as 0% and #AC8E9E as 100%.

0.0%	0.0% #E5E2E2	RGB 229 226 226	#E5E2E2
16.7%	16.7% #DBD2D3	RGB 219 210 211	#DBD2D3
33.3%	33.3% #D2C3C6	RGB 210 195 198	#D2C3C6
50.0%	50.0% #C8B5BA	RGB 200 181 186	#C8B5BA
66.7%	66.7% #BFA7B0	RGB 191 167 176	#BFA7B0
83.3%	83.3% #B59AA6	RGB 181 154 166	#B59AA6
100.0%	100.0% #AC8E9E	RGB 172 142 158	#AC8E9E

#E5E2E2 #DBD2D3 #D2C3C6 #C8B5BA #BFA7B0 #B59AA6 #AC8E9E

#E5E2E2 - #C8B5BA - #AC8E9E

CSS codes

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

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