#8C00A8 - #EB00F0 | 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 #8C00A8 to #EB00F0

#8C00A8 #EB00F0

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

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

0.0%	0.0% #8C00A8	RGB 140 0 168	#8C00A8
16.7%	16.7% #9B00B4	RGB 155 0 180	#9B00B4
33.3%	33.3% #AB00C0	RGB 171 0 192	#AB00C0
50.0%	50.0% #BB00CC	RGB 187 0 204	#BB00CC
66.7%	66.7% #CB00D8	RGB 203 0 216	#CB00D8
83.3%	83.3% #DB00E4	RGB 219 0 228	#DB00E4
100.0%	100.0% #EB00F0	RGB 235 0 240	#EB00F0

#8C00A8 #9B00B4 #AB00C0 #BB00CC #CB00D8 #DB00E4 #EB00F0

#8C00A8 - #EB00F0

HSV Blend

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

0.0%	0.0% #8C00A8	RGB 140 0 168	#8C00A8
16.7%	16.7% #9A00B4	RGB 154 0 180	#9A00B4
33.3%	33.3% #A900C0	RGB 169 0 192	#A900C0
50.0%	50.0% #B800CC	RGB 184 0 204	#B800CC
66.7%	66.7% #C900D8	RGB 201 0 216	#C900D8
83.3%	83.3% #D900E4	RGB 217 0 228	#D900E4
100.0%	100.0% #EB00F0	RGB 235 0 240	#EB00F0

#8C00A8 #9A00B4 #A900C0 #B800CC #C900D8 #D900E4 #EB00F0

#8C00A8 - #B800CC - #EB00F0

CSS codes

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

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