#C04EC4 - #520077 | 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 #C04EC4 to #520077

#C04EC4 #520077

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

#C04EC4 - #520077 | 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 #C04EC4 as 0% and #520077 as 100%.

0.0%	0.0% #C04EC4	RGB 192 78 196	#C04EC4
16.7%	16.7% #AD41B7	RGB 173 65 183	#AD41B7
33.3%	33.3% #9B34AA	RGB 155 52 170	#9B34AA
50.0%	50.0% #89279D	RGB 137 39 157	#89279D
66.7%	66.7% #761A90	RGB 118 26 144	#761A90
83.3%	83.3% #640D83	RGB 100 13 131	#640D83
100.0%	100.0% #520077	RGB 82 0 119	#520077

#C04EC4 #AD41B7 #9B34AA #89279D #761A90 #640D83 #520077

#C04EC4 - #520077

HSV Blend

#C04EC4 - #520077 | 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 #C04EC4 as 0% and #520077 as 100%.

0.0%	0.0% #C04EC4	RGB 192 78 196	#C04EC4
16.7%	16.7% #AD3CB7	RGB 173 60 183	#AD3CB7
33.3%	33.3% #9A2DAA	RGB 154 45 170	#9A2DAA
50.0%	50.0% #871F9D	RGB 135 31 157	#871F9D
66.7%	66.7% #751390	RGB 117 19 144	#751390
83.3%	83.3% #630883	RGB 99 8 131	#630883
100.0%	100.0% #520077	RGB 82 0 119	#520077

#C04EC4 #AD3CB7 #9A2DAA #871F9D #751390 #630883 #520077

#C04EC4 - #871F9D - #520077

CSS codes

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

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