#AFAFED - #FFE3E7 | 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 #AFAFED to #FFE3E7

#AFAFED #FFE3E7

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

#AFAFED - #FFE3E7 | 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 #AFAFED as 0% and #FFE3E7 as 100%.

0.0%	0.0% #AFAFED	RGB 175 175 237	#AFAFED
16.7%	16.7% #BCB7EC	RGB 188 183 236	#BCB7EC
33.3%	33.3% #C9C0EB	RGB 201 192 235	#C9C0EB
50.0%	50.0% #D7C9EA	RGB 215 201 234	#D7C9EA
66.7%	66.7% #E4D1E9	RGB 228 209 233	#E4D1E9
83.3%	83.3% #F1DAE8	RGB 241 218 232	#F1DAE8
100.0%	100.0% #FFE3E7	RGB 255 227 231	#FFE3E7

#AFAFED #BCB7EC #C9C0EB #D7C9EA #E4D1E9 #F1DAE8 #FFE3E7

#AFAFED - #FFE3E7

HSV Blend

#AFAFED - #FFE3E7 | 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 #AFAFED as 0% and #FFE3E7 as 100%.

0.0%	0.0% #AFAFED	RGB 175 175 237	#AFAFED
16.7%	16.7% #C8B7F0	RGB 200 183 240	#C8B7F0
33.3%	33.3% #DFBFF3	RGB 223 191 243	#DFBFF3
50.0%	50.0% #F2C8F6	RGB 242 200 246	#F2C8F6
66.7%	66.7% #F9D1EF	RGB 249 209 239	#F9D1EF
83.3%	83.3% #FCD9E9	RGB 252 217 233	#FCD9E9
100.0%	100.0% #FFE3E7	RGB 255 227 231	#FFE3E7

#AFAFED #C8B7F0 #DFBFF3 #F2C8F6 #F9D1EF #FCD9E9 #FFE3E7

#AFAFED - #F2C8F6 - #FFE3E7

CSS codes

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

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