#EF9CFF - #951FCE | 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 #EF9CFF to #951FCE

#EF9CFF #951FCE

Calculate the color between two colors, #EF9CFF and #951FCE. 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)

#EF9CFF - #951FCE | 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 #EF9CFF as 0% and #951FCE as 100%.

0.0%	0.0% #EF9CFF	RGB 239 156 255	#EF9CFF
16.7%	16.7% #E087F6	RGB 224 135 246	#E087F6
33.3%	33.3% #D172EE	RGB 209 114 238	#D172EE
50.0%	50.0% #C25DE6	RGB 194 93 230	#C25DE6
66.7%	66.7% #B348DE	RGB 179 72 222	#B348DE
83.3%	83.3% #A433D6	RGB 164 51 214	#A433D6
100.0%	100.0% #951FCE	RGB 149 31 206	#951FCE

#EF9CFF #E087F6 #D172EE #C25DE6 #B348DE #A433D6 #951FCE

#EF9CFF - #951FCE

HSV Blend

#EF9CFF - #951FCE | 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 #EF9CFF as 0% and #951FCE as 100%.

0.0%	0.0% #EF9CFF	RGB 239 156 255	#EF9CFF
16.7%	16.7% #E184F6	RGB 225 132 246	#E184F6
33.3%	33.3% #D26DEE	RGB 210 109 238	#D26DEE
50.0%	50.0% #C357E6	RGB 195 87 230	#C357E6
66.7%	66.7% #B443DE	RGB 180 67 222	#B443DE
83.3%	83.3% #A430D6	RGB 164 48 214	#A430D6
100.0%	100.0% #951FCE	RGB 149 31 206	#951FCE

#EF9CFF #E184F6 #D26DEE #C357E6 #B443DE #A430D6 #951FCE

#EF9CFF - #C357E6 - #951FCE

CSS codes

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

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