#EB8CFF - #A60FCD | 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 #EB8CFF to #A60FCD

#EB8CFF #A60FCD

Calculate the color between two colors, #EB8CFF and #A60FCD. 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)

#EB8CFF - #A60FCD | 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 #EB8CFF as 0% and #A60FCD as 100%.

0.0%	0.0% #EB8CFF	RGB 235 140 255	#EB8CFF
16.7%	16.7% #DF77F6	RGB 223 119 246	#DF77F6
33.3%	33.3% #D462EE	RGB 212 98 238	#D462EE
50.0%	50.0% #C84DE6	RGB 200 77 230	#C84DE6
66.7%	66.7% #BD38DD	RGB 189 56 221	#BD38DD
83.3%	83.3% #B123D5	RGB 177 35 213	#B123D5
100.0%	100.0% #A60FCD	RGB 166 15 205	#A60FCD

#EB8CFF #DF77F6 #D462EE #C84DE6 #BD38DD #B123D5 #A60FCD

#EB8CFF - #A60FCD

HSV Blend

#EB8CFF - #A60FCD | 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 #EB8CFF as 0% and #A60FCD as 100%.

0.0%	0.0% #EB8CFF	RGB 235 140 255	#EB8CFF
16.7%	16.7% #DF73F6	RGB 223 115 246	#DF73F6
33.3%	33.3% #D35DEE	RGB 211 93 238	#D35DEE
50.0%	50.0% #C747E6	RGB 199 71 230	#C747E6
66.7%	66.7% #BC33DD	RGB 188 51 221	#BC33DD
83.3%	83.3% #B120D5	RGB 177 32 213	#B120D5
100.0%	100.0% #A60FCD	RGB 166 15 205	#A60FCD

#EB8CFF #DF73F6 #D35DEE #C747E6 #BC33DD #B120D5 #A60FCD

#EB8CFF - #C747E6 - #A60FCD

CSS codes

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

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