#C75AC1 - #8D0073 | 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 #C75AC1 to #8D0073

#C75AC1 #8D0073

Calculate the color between two colors, #C75AC1 and #8D0073. 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)

#C75AC1 - #8D0073 | 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 #C75AC1 as 0% and #8D0073 as 100%.

0.0%	0.0% #C75AC1	RGB 199 90 193	#C75AC1
16.7%	16.7% #BD4BB4	RGB 189 75 180	#BD4BB4
33.3%	33.3% #B33CA7	RGB 179 60 167	#B33CA7
50.0%	50.0% #AA2D9A	RGB 170 45 154	#AA2D9A
66.7%	66.7% #A01D8D	RGB 160 29 141	#A01D8D
83.3%	83.3% #960F80	RGB 150 15 128	#960F80
100.0%	100.0% #8D0073	RGB 141 0 115	#8D0073

#C75AC1 #BD4BB4 #B33CA7 #AA2D9A #A01D8D #960F80 #8D0073

#C75AC1 - #8D0073

HSV Blend

#C75AC1 - #8D0073 | 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 #C75AC1 as 0% and #8D0073 as 100%.

0.0%	0.0% #C75AC1	RGB 199 90 193	#C75AC1
16.7%	16.7% #BD47B4	RGB 189 71 180	#BD47B4
33.3%	33.3% #B336A7	RGB 179 54 167	#B336A7
50.0%	50.0% #AA269A	RGB 170 38 154	#AA269A
66.7%	66.7% #A0188D	RGB 160 24 141	#A0188D
83.3%	83.3% #960B7F	RGB 150 11 127	#960B7F
100.0%	100.0% #8D0073	RGB 141 0 115	#8D0073

#C75AC1 #BD47B4 #B336A7 #AA269A #A0188D #960B7F #8D0073

#C75AC1 - #AA269A - #8D0073

CSS codes

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

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