#AC8EC2 - #E7DEED | 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 #AC8EC2 to #E7DEED

#AC8EC2 #E7DEED

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

#AC8EC2 - #E7DEED | 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 #AC8EC2 as 0% and #E7DEED as 100%.

0.0%	0.0% #AC8EC2	RGB 172 142 194	#AC8EC2
16.7%	16.7% #B59BC9	RGB 181 155 201	#B59BC9
33.3%	33.3% #BFA8D0	RGB 191 168 208	#BFA8D0
50.0%	50.0% #C9B6D7	RGB 201 182 215	#C9B6D7
66.7%	66.7% #D3C3DE	RGB 211 195 222	#D3C3DE
83.3%	83.3% #DDD0E5	RGB 221 208 229	#DDD0E5
100.0%	100.0% #E7DEED	RGB 231 222 237	#E7DEED

#AC8EC2 #B59BC9 #BFA8D0 #C9B6D7 #D3C3DE #DDD0E5 #E7DEED

#AC8EC2 - #E7DEED

HSV Blend

#AC8EC2 - #E7DEED | 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 #AC8EC2 as 0% and #E7DEED as 100%.

0.0%	0.0% #AC8EC2	RGB 172 142 194	#AC8EC2
16.7%	16.7% #B59AC9	RGB 181 154 201	#B59AC9
33.3%	33.3% #BFA6D0	RGB 191 166 208	#BFA6D0
50.0%	50.0% #C8B3D7	RGB 200 179 215	#C8B3D7
66.7%	66.7% #D2C1DE	RGB 210 193 222	#D2C1DE
83.3%	83.3% #DCCFE5	RGB 220 207 229	#DCCFE5
100.0%	100.0% #E7DEED	RGB 231 222 237	#E7DEED

#AC8EC2 #B59AC9 #BFA6D0 #C8B3D7 #D2C1DE #DCCFE5 #E7DEED

#AC8EC2 - #C8B3D7 - #E7DEED

CSS codes

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

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