#AF2FA9 - #E8C3E6 | 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 #AF2FA9 to #E8C3E6

#AF2FA9 #E8C3E6

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

#AF2FA9 - #E8C3E6 | 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 #AF2FA9 as 0% and #E8C3E6 as 100%.

0.0%	0.0% #AF2FA9	RGB 175 47 169	#AF2FA9
16.7%	16.7% #B847B3	RGB 184 71 179	#B847B3
33.3%	33.3% #C260BD	RGB 194 96 189	#C260BD
50.0%	50.0% #CB79C7	RGB 203 121 199	#CB79C7
66.7%	66.7% #D591D1	RGB 213 145 209	#D591D1
83.3%	83.3% #DEAADB	RGB 222 170 219	#DEAADB
100.0%	100.0% #E8C3E6	RGB 232 195 230	#E8C3E6

#AF2FA9 #B847B3 #C260BD #CB79C7 #D591D1 #DEAADB #E8C3E6

#AF2FA9 - #E8C3E6

HSV Blend

#AF2FA9 - #E8C3E6 | 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 #AF2FA9 as 0% and #E8C3E6 as 100%.

0.0%	0.0% #AF2FA9	RGB 175 47 169	#AF2FA9
16.7%	16.7% #B843B2	RGB 184 67 178	#B843B2
33.3%	33.3% #C259BC	RGB 194 89 188	#C259BC
50.0%	50.0% #CB70C6	RGB 203 112 198	#CB70C6
66.7%	66.7% #D58AD1	RGB 213 138 209	#D58AD1
83.3%	83.3% #DEA5DB	RGB 222 165 219	#DEA5DB
100.0%	100.0% #E8C3E6	RGB 232 195 230	#E8C3E6

#AF2FA9 #B843B2 #C259BC #CB70C6 #D58AD1 #DEA5DB #E8C3E6

#AF2FA9 - #CB70C6 - #E8C3E6

CSS codes

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

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