#AC8FE4 - #E6DFF7 | 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 #AC8FE4 to #E6DFF7

#AC8FE4 #E6DFF7

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

#AC8FE4 - #E6DFF7 | 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 #AC8FE4 as 0% and #E6DFF7 as 100%.

0.0%	0.0% #AC8FE4	RGB 172 143 228	#AC8FE4
16.7%	16.7% #B59CE7	RGB 181 156 231	#B59CE7
33.3%	33.3% #BFA9EA	RGB 191 169 234	#BFA9EA
50.0%	50.0% #C9B7ED	RGB 201 183 237	#C9B7ED
66.7%	66.7% #D2C4F0	RGB 210 196 240	#D2C4F0
83.3%	83.3% #DCD1F3	RGB 220 209 243	#DCD1F3
100.0%	100.0% #E6DFF7	RGB 230 223 247	#E6DFF7

#AC8FE4 #B59CE7 #BFA9EA #C9B7ED #D2C4F0 #DCD1F3 #E6DFF7

#AC8FE4 - #E6DFF7

HSV Blend

#AC8FE4 - #E6DFF7 | 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 #AC8FE4 as 0% and #E6DFF7 as 100%.

0.0%	0.0% #AC8FE4	RGB 172 143 228	#AC8FE4
16.7%	16.7% #B49BE7	RGB 180 155 231	#B49BE7
33.3%	33.3% #BDA8EA	RGB 189 168 234	#BDA8EA
50.0%	50.0% #C7B5ED	RGB 199 181 237	#C7B5ED
66.7%	66.7% #D1C3F0	RGB 209 195 240	#D1C3F0
83.3%	83.3% #DBD0F3	RGB 219 208 243	#DBD0F3
100.0%	100.0% #E6DFF7	RGB 230 223 247	#E6DFF7

#AC8FE4 #B49BE7 #BDA8EA #C7B5ED #D1C3F0 #DBD0F3 #E6DFF7

#AC8FE4 - #C7B5ED - #E6DFF7

CSS codes

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

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