#AE4EC1 - #E7CCED | 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 #AE4EC1 to #E7CCED

#AE4EC1 #E7CCED

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

#AE4EC1 - #E7CCED | 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 #AE4EC1 as 0% and #E7CCED as 100%.

0.0%	0.0% #AE4EC1	RGB 174 78 193	#AE4EC1
16.7%	16.7% #B763C8	RGB 183 99 200	#B763C8
33.3%	33.3% #C178CF	RGB 193 120 207	#C178CF
50.0%	50.0% #CA8DD7	RGB 202 141 215	#CA8DD7
66.7%	66.7% #D4A2DE	RGB 212 162 222	#D4A2DE
83.3%	83.3% #DDB7E5	RGB 221 183 229	#DDB7E5
100.0%	100.0% #E7CCED	RGB 231 204 237	#E7CCED

#AE4EC1 #B763C8 #C178CF #CA8DD7 #D4A2DE #DDB7E5 #E7CCED

#AE4EC1 - #E7CCED

HSV Blend

#AE4EC1 - #E7CCED | 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 #AE4EC1 as 0% and #E7CCED as 100%.

0.0%	0.0% #AE4EC1	RGB 174 78 193	#AE4EC1
16.7%	16.7% #B660C8	RGB 182 96 200	#B660C8
33.3%	33.3% #BF73CF	RGB 191 115 207	#BF73CF
50.0%	50.0% #C987D7	RGB 201 135 215	#C987D7
66.7%	66.7% #D29DDE	RGB 210 157 222	#D29DDE
83.3%	83.3% #DCB4E5	RGB 220 180 229	#DCB4E5
100.0%	100.0% #E7CCED	RGB 231 204 237	#E7CCED

#AE4EC1 #B660C8 #BF73CF #C987D7 #D29DDE #DCB4E5 #E7CCED

#AE4EC1 - #C987D7 - #E7CCED

CSS codes

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

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