#CD4CC4 - #8C0077 | 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 #CD4CC4 to #8C0077

#CD4CC4 #8C0077

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

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

0.0%	0.0% #CD4CC4	RGB 205 76 196	#CD4CC4
16.7%	16.7% #C23FB7	RGB 194 63 183	#C23FB7
33.3%	33.3% #B732AA	RGB 183 50 170	#B732AA
50.0%	50.0% #AC269D	RGB 172 38 157	#AC269D
66.7%	66.7% #A11990	RGB 161 25 144	#A11990
83.3%	83.3% #960C83	RGB 150 12 131	#960C83
100.0%	100.0% #8C0077	RGB 140 0 119	#8C0077

#CD4CC4 #C23FB7 #B732AA #AC269D #A11990 #960C83 #8C0077

#CD4CC4 - #8C0077

HSV Blend

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

0.0%	0.0% #CD4CC4	RGB 205 76 196	#CD4CC4
16.7%	16.7% #C23BB7	RGB 194 59 183	#C23BB7
33.3%	33.3% #B72DAA	RGB 183 45 170	#B72DAA
50.0%	50.0% #AC1F9D	RGB 172 31 157	#AC1F9D
66.7%	66.7% #A11390	RGB 161 19 144	#A11390
83.3%	83.3% #960983	RGB 150 9 131	#960983
100.0%	100.0% #8C0077	RGB 140 0 119	#8C0077

#CD4CC4 #C23BB7 #B72DAA #AC1F9D #A11390 #960983 #8C0077

#CD4CC4 - #AC1F9D - #8C0077

CSS codes

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

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