#8C0EC7 - #E06FEE | 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 #8C0EC7 to #E06FEE

#8C0EC7 #E06FEE

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

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

0.0%	0.0% #8C0EC7	RGB 140 14 199	#8C0EC7
16.7%	16.7% #9A1ECD	RGB 154 30 205	#9A1ECD
33.3%	33.3% #A82ED4	RGB 168 46 212	#A82ED4
50.0%	50.0% #B63EDA	RGB 182 62 218	#B63EDA
66.7%	66.7% #C44EE1	RGB 196 78 225	#C44EE1
83.3%	83.3% #D25EE7	RGB 210 94 231	#D25EE7
100.0%	100.0% #E06FEE	RGB 224 111 238	#E06FEE

#8C0EC7 #9A1ECD #A82ED4 #B63EDA #C44EE1 #D25EE7 #E06FEE

#8C0EC7 - #E06FEE

HSV Blend

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

0.0%	0.0% #8B0EC7	RGB 139 14 199	#8B0EC7
16.7%	16.7% #9B1CCD	RGB 155 28 205	#9B1CCD
33.3%	33.3% #A92AD4	RGB 169 42 212	#A92AD4
50.0%	50.0% #B83ADA	RGB 184 58 218	#B83ADA
66.7%	66.7% #C64BE1	RGB 198 75 225	#C64BE1
83.3%	83.3% #D35CE7	RGB 211 92 231	#D35CE7
100.0%	100.0% #E06FEE	RGB 224 111 238	#E06FEE

#8B0EC7 #9B1CCD #A92AD4 #B83ADA #C64BE1 #D35CE7 #E06FEE

#8C0EC7 - #B83ADA - #E06FEE

CSS codes

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

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