#AC8FC1 - #E6DFED | 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 #AC8FC1 to #E6DFED

#AC8FC1 #E6DFED

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

#AC8FC1 - #E6DFED | 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 #AC8FC1 as 0% and #E6DFED as 100%.

0.0%	0.0% #AC8FC1	RGB 172 143 193	#AC8FC1
16.7%	16.7% #B59CC8	RGB 181 156 200	#B59CC8
33.3%	33.3% #BFA9CF	RGB 191 169 207	#BFA9CF
50.0%	50.0% #C9B7D7	RGB 201 183 215	#C9B7D7
66.7%	66.7% #D2C4DE	RGB 210 196 222	#D2C4DE
83.3%	83.3% #DCD1E5	RGB 220 209 229	#DCD1E5
100.0%	100.0% #E6DFED	RGB 230 223 237	#E6DFED

#AC8FC1 #B59CC8 #BFA9CF #C9B7D7 #D2C4DE #DCD1E5 #E6DFED

#AC8FC1 - #E6DFED

HSV Blend

#AC8FC1 - #E6DFED | 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 #AC8FC1 as 0% and #E6DFED as 100%.

0.0%	0.0% #AC8FC1	RGB 172 143 193	#AC8FC1
16.7%	16.7% #B49BC8	RGB 180 155 200	#B49BC8
33.3%	33.3% #BDA7CF	RGB 189 167 207	#BDA7CF
50.0%	50.0% #C7B4D7	RGB 199 180 215	#C7B4D7
66.7%	66.7% #D1C2DE	RGB 209 194 222	#D1C2DE
83.3%	83.3% #DBD0E5	RGB 219 208 229	#DBD0E5
100.0%	100.0% #E6DFED	RGB 230 223 237	#E6DFED

#AC8FC1 #B49BC8 #BDA7CF #C7B4D7 #D1C2DE #DBD0E5 #E6DFED

#AC8FC1 - #C7B4D7 - #E6DFED

CSS codes

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

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