#C73A8B - #78003E | 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 #C73A8B to #78003E

#C73A8B #78003E

Calculate the color between two colors, #C73A8B and #78003E. 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)

#C73A8B - #78003E | 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 #C73A8B as 0% and #78003E as 100%.

0.0%	0.0% #C73A8B	RGB 199 58 139	#C73A8B
16.7%	16.7% #B9307E	RGB 185 48 126	#B9307E
33.3%	33.3% #AC2671	RGB 172 38 113	#AC2671
50.0%	50.0% #9F1D64	RGB 159 29 100	#9F1D64
66.7%	66.7% #921357	RGB 146 19 87	#921357
83.3%	83.3% #85094A	RGB 133 9 74	#85094A
100.0%	100.0% #78003E	RGB 120 0 62	#78003E

#C73A8B #B9307E #AC2671 #9F1D64 #921357 #85094A #78003E

#C73A8B - #78003E

HSV Blend

#C73A8B - #78003E | 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 #C73A8B as 0% and #78003E as 100%.

0.0%	0.0% #C73A8B	RGB 199 58 139	#C73A8B
16.7%	16.7% #B92D7C	RGB 185 45 124	#B92D7C
33.3%	33.3% #AC216E	RGB 172 33 110	#AC216E
50.0%	50.0% #9F1761	RGB 159 23 97	#9F1761
66.7%	66.7% #920E55	RGB 146 14 85	#920E55
83.3%	83.3% #850649	RGB 133 6 73	#850649
100.0%	100.0% #78003E	RGB 120 0 62	#78003E

#C73A8B #B92D7C #AC216E #9F1761 #920E55 #850649 #78003E

#C73A8B - #9F1761 - #78003E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C73A8B 0%, #9F1761 50%, #78003E 100%);
    background: -webkit-linear-gradient(top, #C73A8B 0%, #9F1761 50%, #78003E 100%);
    background: linear-gradient(to bottom, #C73A8B 0%, #9F1761 50%, #78003E 100%);
}
</style>