#C75ED2 - #FF7CD8 | 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 #C75ED2 to #FF7CD8

#C75ED2 #FF7CD8

Calculate the color between two colors, #C75ED2 and #FF7CD8. 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)

#C75ED2 - #FF7CD8 | 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 #C75ED2 as 0% and #FF7CD8 as 100%.

0.0%	0.0% #C75ED2	RGB 199 94 210	#C75ED2
16.7%	16.7% #D063D3	RGB 208 99 211	#D063D3
33.3%	33.3% #D968D4	RGB 217 104 212	#D968D4
50.0%	50.0% #E36DD5	RGB 227 109 213	#E36DD5
66.7%	66.7% #EC72D6	RGB 236 114 214	#EC72D6
83.3%	83.3% #F577D7	RGB 245 119 215	#F577D7
100.0%	100.0% #FF7CD8	RGB 255 124 216	#FF7CD8

#C75ED2 #D063D3 #D968D4 #E36DD5 #EC72D6 #F577D7 #FF7CD8

#C75ED2 - #FF7CD8

HSV Blend

#C75ED2 - #FF7CD8 | 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 #C75ED2 as 0% and #FF7CD8 as 100%.

0.0%	0.0% #C75ED2	RGB 199 94 210	#C75ED2
16.7%	16.7% #D662D9	RGB 214 98 217	#D662D9
33.3%	33.3% #E167DC	RGB 225 103 220	#E167DC
50.0%	50.0% #E86CDB	RGB 232 108 219	#E86CDB
66.7%	66.7% #F071DA	RGB 240 113 218	#F071DA
83.3%	83.3% #F776D9	RGB 247 118 217	#F776D9
100.0%	100.0% #FF7CD8	RGB 255 124 216	#FF7CD8

#C75ED2 #D662D9 #E167DC #E86CDB #F071DA #F776D9 #FF7CD8

#C75ED2 - #E86CDB - #FF7CD8

CSS codes

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

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