#AC9CC2 - #E6E2ED | 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 #AC9CC2 to #E6E2ED

#AC9CC2 #E6E2ED

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

#AC9CC2 - #E6E2ED | 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 #AC9CC2 as 0% and #E6E2ED as 100%.

0.0%	0.0% #AC9CC2	RGB 172 156 194	#AC9CC2
16.7%	16.7% #B5A7C9	RGB 181 167 201	#B5A7C9
33.3%	33.3% #BFB3D0	RGB 191 179 208	#BFB3D0
50.0%	50.0% #C9BFD7	RGB 201 191 215	#C9BFD7
66.7%	66.7% #D2CADE	RGB 210 202 222	#D2CADE
83.3%	83.3% #DCD6E5	RGB 220 214 229	#DCD6E5
100.0%	100.0% #E6E2ED	RGB 230 226 237	#E6E2ED

#AC9CC2 #B5A7C9 #BFB3D0 #C9BFD7 #D2CADE #DCD6E5 #E6E2ED

#AC9CC2 - #E6E2ED

HSV Blend

#AC9CC2 - #E6E2ED | 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 #AC9CC2 as 0% and #E6E2ED as 100%.

0.0%	0.0% #AC9CC2	RGB 172 156 194	#AC9CC2
16.7%	16.7% #B4A6C9	RGB 180 166 201	#B4A6C9
33.3%	33.3% #BEB1D0	RGB 190 177 208	#BEB1D0
50.0%	50.0% #C7BDD7	RGB 199 189 215	#C7BDD7
66.7%	66.7% #D1C9DE	RGB 209 201 222	#D1C9DE
83.3%	83.3% #DBD5E5	RGB 219 213 229	#DBD5E5
100.0%	100.0% #E6E2ED	RGB 230 226 237	#E6E2ED

#AC9CC2 #B4A6C9 #BEB1D0 #C7BDD7 #D1C9DE #DBD5E5 #E6E2ED

#AC9CC2 - #C7BDD7 - #E6E2ED

CSS codes

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

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