#CC9CD2 - #773C8F | 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 #CC9CD2 to #773C8F

#CC9CD2 #773C8F

Calculate the color between two colors, #CC9CD2 and #773C8F. 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)

#CC9CD2 - #773C8F | 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 #CC9CD2 as 0% and #773C8F as 100%.

0.0%	0.0% #CC9CD2	RGB 204 156 210	#CC9CD2
16.7%	16.7% #BD8CC6	RGB 189 140 198	#BD8CC6
33.3%	33.3% #AF7CBB	RGB 175 124 187	#AF7CBB
50.0%	50.0% #A16CB0	RGB 161 108 176	#A16CB0
66.7%	66.7% #935CA5	RGB 147 92 165	#935CA5
83.3%	83.3% #854C9A	RGB 133 76 154	#854C9A
100.0%	100.0% #773C8F	RGB 119 60 143	#773C8F

#CC9CD2 #BD8CC6 #AF7CBB #A16CB0 #935CA5 #854C9A #773C8F

#CC9CD2 - #773C8F

HSV Blend

#CC9CD2 - #773C8F | 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 #CC9CD2 as 0% and #773C8F as 100%.

0.0%	0.0% #CC9CD2	RGB 204 156 210	#CC9CD2
16.7%	16.7% #BE88C6	RGB 190 136 198	#BE88C6
33.3%	33.3% #AF77BB	RGB 175 119 187	#AF77BB
50.0%	50.0% #A166B0	RGB 161 102 176	#A166B0
66.7%	66.7% #9357A5	RGB 147 87 165	#9357A5
83.3%	83.3% #85489A	RGB 133 72 154	#85489A
100.0%	100.0% #773C8F	RGB 119 60 143	#773C8F

#CC9CD2 #BE88C6 #AF77BB #A166B0 #9357A5 #85489A #773C8F

#CC9CD2 - #A166B0 - #773C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC9CD2 0%, #A166B0 50%, #773C8F 100%);
    background: -webkit-linear-gradient(top, #CC9CD2 0%, #A166B0 50%, #773C8F 100%);
    background: linear-gradient(to bottom, #CC9CD2 0%, #A166B0 50%, #773C8F 100%);
}
</style>