#AFABFD - #E5D9FB | 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 #AFABFD to #E5D9FB

#AFABFD #E5D9FB

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

#AFABFD - #E5D9FB | 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 #AFABFD as 0% and #E5D9FB as 100%.

0.0%	0.0% #AFABFD	RGB 175 171 253	#AFABFD
16.7%	16.7% #B8B2FC	RGB 184 178 252	#B8B2FC
33.3%	33.3% #C1BAFC	RGB 193 186 252	#C1BAFC
50.0%	50.0% #CAC2FC	RGB 202 194 252	#CAC2FC
66.7%	66.7% #D3C9FB	RGB 211 201 251	#D3C9FB
83.3%	83.3% #DCD1FB	RGB 220 209 251	#DCD1FB
100.0%	100.0% #E5D9FB	RGB 229 217 251	#E5D9FB

#AFABFD #B8B2FC #C1BAFC #CAC2FC #D3C9FB #DCD1FB #E5D9FB

#AFABFD - #E5D9FB

HSV Blend

#AFABFD - #E5D9FB | 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 #AFABFD as 0% and #E5D9FB as 100%.

0.0%	0.0% #AFABFD	RGB 175 171 253	#AFABFD
16.7%	16.7% #BAB2FC	RGB 186 178 252	#BAB2FC
33.3%	33.3% #C4BAFC	RGB 196 186 252	#C4BAFC
50.0%	50.0% #CDC2FC	RGB 205 194 252	#CDC2FC
66.7%	66.7% #D6C9FB	RGB 214 201 251	#D6C9FB
83.3%	83.3% #DED1FB	RGB 222 209 251	#DED1FB
100.0%	100.0% #E5D9FB	RGB 229 217 251	#E5D9FB

#AFABFD #BAB2FC #C4BAFC #CDC2FC #D6C9FB #DED1FB #E5D9FB

#AFABFD - #CDC2FC - #E5D9FB

CSS codes

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

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