#ED8AF3 - #8D0DBC | 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 #ED8AF3 to #8D0DBC

#ED8AF3 #8D0DBC

Calculate the color between two colors, #ED8AF3 and #8D0DBC. 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)

#ED8AF3 - #8D0DBC | 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 #ED8AF3 as 0% and #8D0DBC as 100%.

0.0%	0.0% #ED8AF3	RGB 237 138 243	#ED8AF3
16.7%	16.7% #DD75E9	RGB 221 117 233	#DD75E9
33.3%	33.3% #CD60E0	RGB 205 96 224	#CD60E0
50.0%	50.0% #BD4BD7	RGB 189 75 215	#BD4BD7
66.7%	66.7% #AD36CE	RGB 173 54 206	#AD36CE
83.3%	83.3% #9D21C5	RGB 157 33 197	#9D21C5
100.0%	100.0% #8D0DBC	RGB 141 13 188	#8D0DBC

#ED8AF3 #DD75E9 #CD60E0 #BD4BD7 #AD36CE #9D21C5 #8D0DBC

#ED8AF3 - #8D0DBC

HSV Blend

#ED8AF3 - #8D0DBC | 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 #ED8AF3 as 0% and #8D0DBC as 100%.

0.0%	0.0% #ED8AF3	RGB 237 138 243	#ED8AF3
16.7%	16.7% #DE71E9	RGB 222 113 233	#DE71E9
33.3%	33.3% #CF5AE0	RGB 207 90 224	#CF5AE0
50.0%	50.0% #BF44D7	RGB 191 68 215	#BF44D7
66.7%	66.7% #AF30CE	RGB 175 48 206	#AF30CE
83.3%	83.3% #9E1EC5	RGB 158 30 197	#9E1EC5
100.0%	100.0% #8D0DBC	RGB 141 13 188	#8D0DBC

#ED8AF3 #DE71E9 #CF5AE0 #BF44D7 #AF30CE #9E1EC5 #8D0DBC

#ED8AF3 - #BF44D7 - #8D0DBC

CSS codes

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

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