#EC48EC - #7100B5 | 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 #EC48EC to #7100B5

#EC48EC #7100B5

Calculate the color between two colors, #EC48EC and #7100B5. 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)

#EC48EC - #7100B5 | 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 #EC48EC as 0% and #7100B5 as 100%.

0.0%	0.0% #EC48EC	RGB 236 72 236	#EC48EC
16.7%	16.7% #D73CE2	RGB 215 60 226	#D73CE2
33.3%	33.3% #C330D9	RGB 195 48 217	#C330D9
50.0%	50.0% #AE24D0	RGB 174 36 208	#AE24D0
66.7%	66.7% #9A18C7	RGB 154 24 199	#9A18C7
83.3%	83.3% #850CBE	RGB 133 12 190	#850CBE
100.0%	100.0% #7100B5	RGB 113 0 181	#7100B5

#EC48EC #D73CE2 #C330D9 #AE24D0 #9A18C7 #850CBE #7100B5

#EC48EC - #7100B5

HSV Blend

#EC48EC - #7100B5 | 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 #EC48EC as 0% and #7100B5 as 100%.

0.0%	0.0% #EC48EC	RGB 236 72 236	#EC48EC
16.7%	16.7% #D839E2	RGB 216 57 226	#D839E2
33.3%	33.3% #C32CD9	RGB 195 44 217	#C32CD9
50.0%	50.0% #AF1FD0	RGB 175 31 208	#AF1FD0
66.7%	66.7% #9A14C7	RGB 154 20 199	#9A14C7
83.3%	83.3% #8509BE	RGB 133 9 190	#8509BE
100.0%	100.0% #7100B5	RGB 113 0 181	#7100B5

#EC48EC #D839E2 #C32CD9 #AF1FD0 #9A14C7 #8509BE #7100B5

#EC48EC - #AF1FD0 - #7100B5

CSS codes

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

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