#AC6BFF - #E7D4FF | 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 #AC6BFF to #E7D4FF

#AC6BFF #E7D4FF

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

#AC6BFF - #E7D4FF | 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 #AC6BFF as 0% and #E7D4FF as 100%.

0.0%	0.0% #AC6BFF	RGB 172 107 255	#AC6BFF
16.7%	16.7% #B57CFF	RGB 181 124 255	#B57CFF
33.3%	33.3% #BF8EFF	RGB 191 142 255	#BF8EFF
50.0%	50.0% #C99FFF	RGB 201 159 255	#C99FFF
66.7%	66.7% #D3B1FF	RGB 211 177 255	#D3B1FF
83.3%	83.3% #DDC2FF	RGB 221 194 255	#DDC2FF
100.0%	100.0% #E7D4FF	RGB 231 212 255	#E7D4FF

#AC6BFF #B57CFF #BF8EFF #C99FFF #D3B1FF #DDC2FF #E7D4FF

#AC6BFF - #E7D4FF

HSV Blend

#AC6BFF - #E7D4FF | 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 #AC6BFF as 0% and #E7D4FF as 100%.

0.0%	0.0% #AC6BFF	RGB 172 107 255	#AC6BFF
16.7%	16.7% #B57CFF	RGB 181 124 255	#B57CFF
33.3%	33.3% #BF8EFF	RGB 191 142 255	#BF8EFF
50.0%	50.0% #C99FFF	RGB 201 159 255	#C99FFF
66.7%	66.7% #D3B1FF	RGB 211 177 255	#D3B1FF
83.3%	83.3% #DDC2FF	RGB 221 194 255	#DDC2FF
100.0%	100.0% #E7D4FF	RGB 231 212 255	#E7D4FF

#AC6BFF #B57CFF #BF8EFF #C99FFF #D3B1FF #DDC2FF #E7D4FF

#AC6BFF - #C99FFF - #E7D4FF

CSS codes

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

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