#AC8CFF - #E7DEFF | 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 #AC8CFF to #E7DEFF

#AC8CFF #E7DEFF

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

#AC8CFF - #E7DEFF | 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 #AC8CFF as 0% and #E7DEFF as 100%.

0.0%	0.0% #AC8CFF	RGB 172 140 255	#AC8CFF
16.7%	16.7% #B599FF	RGB 181 153 255	#B599FF
33.3%	33.3% #BFA7FF	RGB 191 167 255	#BFA7FF
50.0%	50.0% #C9B5FF	RGB 201 181 255	#C9B5FF
66.7%	66.7% #D3C2FF	RGB 211 194 255	#D3C2FF
83.3%	83.3% #DDD0FF	RGB 221 208 255	#DDD0FF
100.0%	100.0% #E7DEFF	RGB 231 222 255	#E7DEFF

#AC8CFF #B599FF #BFA7FF #C9B5FF #D3C2FF #DDD0FF #E7DEFF

#AC8CFF - #E7DEFF

HSV Blend

#AC8CFF - #E7DEFF | 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 #AC8CFF as 0% and #E7DEFF as 100%.

0.0%	0.0% #AB8CFF	RGB 171 140 255	#AB8CFF
16.7%	16.7% #B599FF	RGB 181 153 255	#B599FF
33.3%	33.3% #BFA7FF	RGB 191 167 255	#BFA7FF
50.0%	50.0% #C9B5FF	RGB 201 181 255	#C9B5FF
66.7%	66.7% #D3C2FF	RGB 211 194 255	#D3C2FF
83.3%	83.3% #DDD0FF	RGB 221 208 255	#DDD0FF
100.0%	100.0% #E7DEFF	RGB 231 222 255	#E7DEFF

#AB8CFF #B599FF #BFA7FF #C9B5FF #D3C2FF #DDD0FF #E7DEFF

#AC8CFF - #C9B5FF - #E7DEFF

CSS codes

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

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