#AEA8F7 - #FFE4EB | 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 #AEA8F7 to #FFE4EB

#AEA8F7 #FFE4EB

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

#AEA8F7 - #FFE4EB | 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 #AEA8F7 as 0% and #FFE4EB as 100%.

0.0%	0.0% #AEA8F7	RGB 174 168 247	#AEA8F7
16.7%	16.7% #BBB2F5	RGB 187 178 245	#BBB2F5
33.3%	33.3% #C9BCF3	RGB 201 188 243	#C9BCF3
50.0%	50.0% #D6C6F1	RGB 214 198 241	#D6C6F1
66.7%	66.7% #E4D0EF	RGB 228 208 239	#E4D0EF
83.3%	83.3% #F1DAED	RGB 241 218 237	#F1DAED
100.0%	100.0% #FFE4EB	RGB 255 228 235	#FFE4EB

#AEA8F7 #BBB2F5 #C9BCF3 #D6C6F1 #E4D0EF #F1DAED #FFE4EB

#AEA8F7 - #FFE4EB

HSV Blend

#AEA8F7 - #FFE4EB | 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 #AEA8F7 as 0% and #FFE4EB as 100%.

0.0%	0.0% #ADA8F7	RGB 173 168 247	#ADA8F7
16.7%	16.7% #CAB1F8	RGB 202 177 248	#CAB1F8
33.3%	33.3% #E2BBF9	RGB 226 187 249	#E2BBF9
50.0%	50.0% #F6C5FB	RGB 246 197 251	#F6C5FB
66.7%	66.7% #FCCFF4	RGB 252 207 244	#FCCFF4
83.3%	83.3% #FDD9ED	RGB 253 217 237	#FDD9ED
100.0%	100.0% #FFE4EB	RGB 255 228 235	#FFE4EB

#ADA8F7 #CAB1F8 #E2BBF9 #F6C5FB #FCCFF4 #FDD9ED #FFE4EB

#AEA8F7 - #F6C5FB - #FFE4EB

CSS codes

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

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