#E200E3 - #3E00AB | 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 #E200E3 to #3E00AB

#E200E3 #3E00AB

Calculate the color between two colors, #E200E3 and #3E00AB. 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)

#E200E3 - #3E00AB | 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 #E200E3 as 0% and #3E00AB as 100%.

0.0%	0.0% #E200E3	RGB 226 0 227	#E200E3
16.7%	16.7% #C600D9	RGB 198 0 217	#C600D9
33.3%	33.3% #AB00D0	RGB 171 0 208	#AB00D0
50.0%	50.0% #9000C7	RGB 144 0 199	#9000C7
66.7%	66.7% #7400BD	RGB 116 0 189	#7400BD
83.3%	83.3% #5900B4	RGB 89 0 180	#5900B4
100.0%	100.0% #3E00AB	RGB 62 0 171	#3E00AB

#E200E3 #C600D9 #AB00D0 #9000C7 #7400BD #5900B4 #3E00AB

#E200E3 - #3E00AB

HSV Blend

#E200E3 - #3E00AB | 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 #E200E3 as 0% and #3E00AB as 100%.

0.0%	0.0% #E200E3	RGB 226 0 227	#E200E3
16.7%	16.7% #C100D9	RGB 193 0 217	#C100D9
33.3%	33.3% #A300D0	RGB 163 0 208	#A300D0
50.0%	50.0% #8700C7	RGB 135 0 199	#8700C7
66.7%	66.7% #6C00BD	RGB 108 0 189	#6C00BD
83.3%	83.3% #5400B4	RGB 84 0 180	#5400B4
100.0%	100.0% #3E00AB	RGB 62 0 171	#3E00AB

#E200E3 #C100D9 #A300D0 #8700C7 #6C00BD #5400B4 #3E00AB

#E200E3 - #8700C7 - #3E00AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E200E3 0%, #8700C7 50%, #3E00AB 100%);
    background: -webkit-linear-gradient(top, #E200E3 0%, #8700C7 50%, #3E00AB 100%);
    background: linear-gradient(to bottom, #E200E3 0%, #8700C7 50%, #3E00AB 100%);
}
</style>