#FF73C7 - #C7007F | 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 #FF73C7 to #C7007F

#FF73C7 #C7007F

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

#FF73C7 - #C7007F | 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 #FF73C7 as 0% and #C7007F as 100%.

0.0%	0.0% #FF73C7	RGB 255 115 199	#FF73C7
16.7%	16.7% #F55FBB	RGB 245 95 187	#F55FBB
33.3%	33.3% #EC4CAF	RGB 236 76 175	#EC4CAF
50.0%	50.0% #E339A3	RGB 227 57 163	#E339A3
66.7%	66.7% #D92697	RGB 217 38 151	#D92697
83.3%	83.3% #D0138B	RGB 208 19 139	#D0138B
100.0%	100.0% #C7007F	RGB 199 0 127	#C7007F

#FF73C7 #F55FBB #EC4CAF #E339A3 #D92697 #D0138B #C7007F

#FF73C7 - #C7007F

HSV Blend

#FF73C7 - #C7007F | 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 #FF73C7 as 0% and #C7007F as 100%.

0.0%	0.0% #FF73C7	RGB 255 115 199	#FF73C7
16.7%	16.7% #F55CB9	RGB 245 92 185	#F55CB9
33.3%	33.3% #EC47AC	RGB 236 71 172	#EC47AC
50.0%	50.0% #E333A0	RGB 227 51 160	#E333A0
66.7%	66.7% #D92094	RGB 217 32 148	#D92094
83.3%	83.3% #D00F89	RGB 208 15 137	#D00F89
100.0%	100.0% #C7007F	RGB 199 0 127	#C7007F

#FF73C7 #F55CB9 #EC47AC #E333A0 #D92094 #D00F89 #C7007F

#FF73C7 - #E333A0 - #C7007F

CSS codes

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

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