#EF8CFF - #9008CF | 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 #EF8CFF to #9008CF

#EF8CFF #9008CF

Calculate the color between two colors, #EF8CFF and #9008CF. 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)

#EF8CFF - #9008CF | 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 #EF8CFF as 0% and #9008CF as 100%.

0.0%	0.0% #EF8CFF	RGB 239 140 255	#EF8CFF
16.7%	16.7% #DF76F7	RGB 223 118 247	#DF76F7
33.3%	33.3% #CF60EF	RGB 207 96 239	#CF60EF
50.0%	50.0% #BF4AE7	RGB 191 74 231	#BF4AE7
66.7%	66.7% #AF34DF	RGB 175 52 223	#AF34DF
83.3%	83.3% #9F1ED7	RGB 159 30 215	#9F1ED7
100.0%	100.0% #9008CF	RGB 144 8 207	#9008CF

#EF8CFF #DF76F7 #CF60EF #BF4AE7 #AF34DF #9F1ED7 #9008CF

#EF8CFF - #9008CF

HSV Blend

#EF8CFF - #9008CF | 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 #EF8CFF as 0% and #9008CF as 100%.

0.0%	0.0% #EF8CFF	RGB 239 140 255	#EF8CFF
16.7%	16.7% #E072F7	RGB 224 114 247	#E072F7
33.3%	33.3% #D15AEF	RGB 209 90 239	#D15AEF
50.0%	50.0% #C143E7	RGB 193 67 231	#C143E7
66.7%	66.7% #B12EDF	RGB 177 46 223	#B12EDF
83.3%	83.3% #A01AD7	RGB 160 26 215	#A01AD7
100.0%	100.0% #9008CF	RGB 144 8 207	#9008CF

#EF8CFF #E072F7 #D15AEF #C143E7 #B12EDF #A01AD7 #9008CF

#EF8CFF - #C143E7 - #9008CF

CSS codes

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

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