#CC9FDA - #753A97 | 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 #CC9FDA to #753A97

#CC9FDA #753A97

Calculate the color between two colors, #CC9FDA and #753A97. 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)

#CC9FDA - #753A97 | 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 #CC9FDA as 0% and #753A97 as 100%.

0.0%	0.0% #CC9FDA	RGB 204 159 218	#CC9FDA
16.7%	16.7% #BD8ECE	RGB 189 142 206	#BD8ECE
33.3%	33.3% #AF7DC3	RGB 175 125 195	#AF7DC3
50.0%	50.0% #A06CB8	RGB 160 108 184	#A06CB8
66.7%	66.7% #925BAD	RGB 146 91 173	#925BAD
83.3%	83.3% #834AA2	RGB 131 74 162	#834AA2
100.0%	100.0% #753A97	RGB 117 58 151	#753A97

#CC9FDA #BD8ECE #AF7DC3 #A06CB8 #925BAD #834AA2 #753A97

#CC9FDA - #753A97

HSV Blend

#CC9FDA - #753A97 | 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 #CC9FDA as 0% and #753A97 as 100%.

0.0%	0.0% #CC9FDA	RGB 204 159 218	#CC9FDA
16.7%	16.7% #BD8ACE	RGB 189 138 206	#BD8ACE
33.3%	33.3% #AE78C3	RGB 174 120 195	#AE78C3
50.0%	50.0% #9F66B8	RGB 159 102 184	#9F66B8
66.7%	66.7% #9156AD	RGB 145 86 173	#9156AD
83.3%	83.3% #8347A2	RGB 131 71 162	#8347A2
100.0%	100.0% #753A97	RGB 117 58 151	#753A97

#CC9FDA #BD8ACE #AE78C3 #9F66B8 #9156AD #8347A2 #753A97

#CC9FDA - #9F66B8 - #753A97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC9FDA 0%, #9F66B8 50%, #753A97 100%);
    background: -webkit-linear-gradient(top, #CC9FDA 0%, #9F66B8 50%, #753A97 100%);
    background: linear-gradient(to bottom, #CC9FDA 0%, #9F66B8 50%, #753A97 100%);
}
</style>