#AEACC2 - #EFC0FF | 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 #AEACC2 to #EFC0FF

#AEACC2 #EFC0FF

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

#AEACC2 - #EFC0FF | 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 #AEACC2 as 0% and #EFC0FF as 100%.

0.0%	0.0% #AEACC2	RGB 174 172 194	#AEACC2
16.7%	16.7% #B8AFCC	RGB 184 175 204	#B8AFCC
33.3%	33.3% #C3B2D6	RGB 195 178 214	#C3B2D6
50.0%	50.0% #CEB6E0	RGB 206 182 224	#CEB6E0
66.7%	66.7% #D9B9EA	RGB 217 185 234	#D9B9EA
83.3%	83.3% #E4BCF4	RGB 228 188 244	#E4BCF4
100.0%	100.0% #EFC0FF	RGB 239 192 255	#EFC0FF

#AEACC2 #B8AFCC #C3B2D6 #CEB6E0 #D9B9EA #E4BCF4 #EFC0FF

#AEACC2 - #EFC0FF

HSV Blend

#AEACC2 - #EFC0FF | 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 #AEACC2 as 0% and #EFC0FF as 100%.

0.0%	0.0% #AEACC2	RGB 174 172 194	#AEACC2
16.7%	16.7% #B6B0CC	RGB 182 176 204	#B6B0CC
33.3%	33.3% #BEB4D6	RGB 190 180 214	#BEB4D6
50.0%	50.0% #C8B8E0	RGB 200 184 224	#C8B8E0
66.7%	66.7% #D4BBEA	RGB 212 187 234	#D4BBEA
83.3%	83.3% #E0BDF4	RGB 224 189 244	#E0BDF4
100.0%	100.0% #EFC0FF	RGB 239 192 255	#EFC0FF

#AEACC2 #B6B0CC #BEB4D6 #C8B8E0 #D4BBEA #E0BDF4 #EFC0FF

#AEACC2 - #C8B8E0 - #EFC0FF

CSS codes

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

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