#EFA2FF - #9728CE | 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 #EFA2FF to #9728CE

#EFA2FF #9728CE

Calculate the color between two colors, #EFA2FF and #9728CE. 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)

#EFA2FF - #9728CE | 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 #EFA2FF as 0% and #9728CE as 100%.

0.0%	0.0% #EFA2FF	RGB 239 162 255	#EFA2FF
16.7%	16.7% #E08DF6	RGB 224 141 246	#E08DF6
33.3%	33.3% #D179EE	RGB 209 121 238	#D179EE
50.0%	50.0% #C365E6	RGB 195 101 230	#C365E6
66.7%	66.7% #B450DE	RGB 180 80 222	#B450DE
83.3%	83.3% #A53CD6	RGB 165 60 214	#A53CD6
100.0%	100.0% #9728CE	RGB 151 40 206	#9728CE

#EFA2FF #E08DF6 #D179EE #C365E6 #B450DE #A53CD6 #9728CE

#EFA2FF - #9728CE

HSV Blend

#EFA2FF - #9728CE | 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 #EFA2FF as 0% and #9728CE as 100%.

0.0%	0.0% #EFA2FF	RGB 239 162 255	#EFA2FF
16.7%	16.7% #E18AF6	RGB 225 138 246	#E18AF6
33.3%	33.3% #D374EE	RGB 211 116 238	#D374EE
50.0%	50.0% #C45FE6	RGB 196 95 230	#C45FE6
66.7%	66.7% #B54BDE	RGB 181 75 222	#B54BDE
83.3%	83.3% #A639D6	RGB 166 57 214	#A639D6
100.0%	100.0% #9728CE	RGB 151 40 206	#9728CE

#EFA2FF #E18AF6 #D374EE #C45FE6 #B54BDE #A639D6 #9728CE

#EFA2FF - #C45FE6 - #9728CE

CSS codes

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

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