#ED8CFF - #8E09CF | 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 #ED8CFF to #8E09CF

#ED8CFF #8E09CF

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

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

0.0%	0.0% #ED8CFF	RGB 237 140 255	#ED8CFF
16.7%	16.7% #DD76F7	RGB 221 118 247	#DD76F7
33.3%	33.3% #CD60EF	RGB 205 96 239	#CD60EF
50.0%	50.0% #BD4AE7	RGB 189 74 231	#BD4AE7
66.7%	66.7% #AD34DF	RGB 173 52 223	#AD34DF
83.3%	83.3% #9D1ED7	RGB 157 30 215	#9D1ED7
100.0%	100.0% #8E09CF	RGB 142 9 207	#8E09CF

#ED8CFF #DD76F7 #CD60EF #BD4AE7 #AD34DF #9D1ED7 #8E09CF

#ED8CFF - #8E09CF

HSV Blend

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

0.0%	0.0% #ED8CFF	RGB 237 140 255	#ED8CFF
16.7%	16.7% #DE72F7	RGB 222 114 247	#DE72F7
33.3%	33.3% #CF5AEF	RGB 207 90 239	#CF5AEF
50.0%	50.0% #BF44E7	RGB 191 68 231	#BF44E7
66.7%	66.7% #AF2FDF	RGB 175 47 223	#AF2FDF
83.3%	83.3% #9E1BD7	RGB 158 27 215	#9E1BD7
100.0%	100.0% #8E09CF	RGB 142 9 207	#8E09CF

#ED8CFF #DE72F7 #CF5AEF #BF44E7 #AF2FDF #9E1BD7 #8E09CF

#ED8CFF - #BF44E7 - #8E09CF

CSS codes

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

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