#AE9CE4 - #E7E2F7 | 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 #AE9CE4 to #E7E2F7

#AE9CE4 #E7E2F7

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

#AE9CE4 - #E7E2F7 | 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 #AE9CE4 as 0% and #E7E2F7 as 100%.

0.0%	0.0% #AE9CE4	RGB 174 156 228	#AE9CE4
16.7%	16.7% #B7A7E7	RGB 183 167 231	#B7A7E7
33.3%	33.3% #C1B3EA	RGB 193 179 234	#C1B3EA
50.0%	50.0% #CABFED	RGB 202 191 237	#CABFED
66.7%	66.7% #D4CAF0	RGB 212 202 240	#D4CAF0
83.3%	83.3% #DDD6F3	RGB 221 214 243	#DDD6F3
100.0%	100.0% #E7E2F7	RGB 231 226 247	#E7E2F7

#AE9CE4 #B7A7E7 #C1B3EA #CABFED #D4CAF0 #DDD6F3 #E7E2F7

#AE9CE4 - #E7E2F7

HSV Blend

#AE9CE4 - #E7E2F7 | 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 #AE9CE4 as 0% and #E7E2F7 as 100%.

0.0%	0.0% #AE9CE4	RGB 174 156 228	#AE9CE4
16.7%	16.7% #B6A7E7	RGB 182 167 231	#B6A7E7
33.3%	33.3% #C0B2EA	RGB 192 178 234	#C0B2EA
50.0%	50.0% #C9BDED	RGB 201 189 237	#C9BDED
66.7%	66.7% #D3C9F0	RGB 211 201 240	#D3C9F0
83.3%	83.3% #DCD5F3	RGB 220 213 243	#DCD5F3
100.0%	100.0% #E7E2F7	RGB 231 226 247	#E7E2F7

#AE9CE4 #B6A7E7 #C0B2EA #C9BDED #D3C9F0 #DCD5F3 #E7E2F7

#AE9CE4 - #C9BDED - #E7E2F7

CSS codes

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

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