#E1AFEB - #AF46B0 | 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 #E1AFEB to #AF46B0

#E1AFEB #AF46B0

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

#E1AFEB - #AF46B0 | 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 #E1AFEB as 0% and #AF46B0 as 100%.

0.0%	0.0% #E1AFEB	RGB 225 175 235	#E1AFEB
16.7%	16.7% #D89DE1	RGB 216 157 225	#D89DE1
33.3%	33.3% #D08CD7	RGB 208 140 215	#D08CD7
50.0%	50.0% #C87ACD	RGB 200 122 205	#C87ACD
66.7%	66.7% #BF69C3	RGB 191 105 195	#BF69C3
83.3%	83.3% #B757B9	RGB 183 87 185	#B757B9
100.0%	100.0% #AF46B0	RGB 175 70 176	#AF46B0

#E1AFEB #D89DE1 #D08CD7 #C87ACD #BF69C3 #B757B9 #AF46B0

#E1AFEB - #AF46B0

HSV Blend

#E1AFEB - #AF46B0 | 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 #E1AFEB as 0% and #AF46B0 as 100%.

0.0%	0.0% #E1AFEB	RGB 225 175 235	#E1AFEB
16.7%	16.7% #D79AE1	RGB 215 154 225	#D79AE1
33.3%	33.3% #CE87D7	RGB 206 135 215	#CE87D7
50.0%	50.0% #C575CD	RGB 197 117 205	#C575CD
66.7%	66.7% #BD64C3	RGB 189 100 195	#BD64C3
83.3%	83.3% #B654B9	RGB 182 84 185	#B654B9
100.0%	100.0% #AF46B0	RGB 175 70 176	#AF46B0

#E1AFEB #D79AE1 #CE87D7 #C575CD #BD64C3 #B654B9 #AF46B0

#E1AFEB - #C575CD - #AF46B0

CSS codes

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

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