#AF4EC1 - #EBA7BB | 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 #AF4EC1 to #EBA7BB

#AF4EC1 #EBA7BB

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

#AF4EC1 - #EBA7BB | 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 #AF4EC1 as 0% and #EBA7BB as 100%.

0.0%	0.0% #AF4EC1	RGB 175 78 193	#AF4EC1
16.7%	16.7% #B95CC0	RGB 185 92 192	#B95CC0
33.3%	33.3% #C36BBF	RGB 195 107 191	#C36BBF
50.0%	50.0% #CD7ABE	RGB 205 122 190	#CD7ABE
66.7%	66.7% #D789BD	RGB 215 137 189	#D789BD
83.3%	83.3% #E198BC	RGB 225 152 188	#E198BC
100.0%	100.0% #EBA7BB	RGB 235 167 187	#EBA7BB

#AF4EC1 #B95CC0 #C36BBF #CD7ABE #D789BD #E198BC #EBA7BB

#AF4EC1 - #EBA7BB

HSV Blend

#AF4EC1 - #EBA7BB | 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 #AF4EC1 as 0% and #EBA7BB as 100%.

0.0%	0.0% #AF4EC1	RGB 175 78 193	#AF4EC1
16.7%	16.7% #C65BC8	RGB 198 91 200	#C65BC8
33.3%	33.3% #CF68C1	RGB 207 104 193	#CF68C1
50.0%	50.0% #D677BB	RGB 214 119 187	#D677BB
66.7%	66.7% #DD86B8	RGB 221 134 184	#DD86B8
83.3%	83.3% #E496B8	RGB 228 150 184	#E496B8
100.0%	100.0% #EBA7BB	RGB 235 167 187	#EBA7BB

#AF4EC1 #C65BC8 #CF68C1 #D677BB #DD86B8 #E496B8 #EBA7BB

#AF4EC1 - #D677BB - #EBA7BB

CSS codes

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

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