#E73DF3 - #6700C0 | 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 #E73DF3 to #6700C0

#E73DF3 #6700C0

Calculate the color between two colors, #E73DF3 and #6700C0. 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)

#E73DF3 - #6700C0 | 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 #E73DF3 as 0% and #6700C0 as 100%.

0.0%	0.0% #E73DF3	RGB 231 61 243	#E73DF3
16.7%	16.7% #D132EA	RGB 209 50 234	#D132EA
33.3%	33.3% #BC28E2	RGB 188 40 226	#BC28E2
50.0%	50.0% #A71ED9	RGB 167 30 217	#A71ED9
66.7%	66.7% #9114D1	RGB 145 20 209	#9114D1
83.3%	83.3% #7C0AC8	RGB 124 10 200	#7C0AC8
100.0%	100.0% #6700C0	RGB 103 0 192	#6700C0

#E73DF3 #D132EA #BC28E2 #A71ED9 #9114D1 #7C0AC8 #6700C0

#E73DF3 - #6700C0

HSV Blend

#E73DF3 - #6700C0 | 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 #E73DF3 as 0% and #6700C0 as 100%.

0.0%	0.0% #E73DF3	RGB 231 61 243	#E73DF3
16.7%	16.7% #D131EA	RGB 209 49 234	#D131EA
33.3%	33.3% #BC25E2	RGB 188 37 226	#BC25E2
50.0%	50.0% #A71BD9	RGB 167 27 217	#A71BD9
66.7%	66.7% #9111D1	RGB 145 17 209	#9111D1
83.3%	83.3% #7C08C8	RGB 124 8 200	#7C08C8
100.0%	100.0% #6700C0	RGB 103 0 192	#6700C0

#E73DF3 #D131EA #BC25E2 #A71BD9 #9111D1 #7C08C8 #6700C0

#E73DF3 - #A71BD9 - #6700C0

CSS codes

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

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