#CC9CF3 - #762ABB | 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 #CC9CF3 to #762ABB

#CC9CF3 #762ABB

Calculate the color between two colors, #CC9CF3 and #762ABB. 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)

#CC9CF3 - #762ABB | 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 #CC9CF3 as 0% and #762ABB as 100%.

0.0%	0.0% #CC9CF3	RGB 204 156 243	#CC9CF3
16.7%	16.7% #BD89E9	RGB 189 137 233	#BD89E9
33.3%	33.3% #AF76E0	RGB 175 118 224	#AF76E0
50.0%	50.0% #A163D7	RGB 161 99 215	#A163D7
66.7%	66.7% #9250CD	RGB 146 80 205	#9250CD
83.3%	83.3% #843DC4	RGB 132 61 196	#843DC4
100.0%	100.0% #762ABB	RGB 118 42 187	#762ABB

#CC9CF3 #BD89E9 #AF76E0 #A163D7 #9250CD #843DC4 #762ABB

#CC9CF3 - #762ABB

HSV Blend

#CC9CF3 - #762ABB | 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 #CC9CF3 as 0% and #762ABB as 100%.

0.0%	0.0% #CC9CF3	RGB 204 156 243	#CC9CF3
16.7%	16.7% #BC85E9	RGB 188 133 233	#BC85E9
33.3%	33.3% #AD70E0	RGB 173 112 224	#AD70E0
50.0%	50.0% #9E5DD7	RGB 158 93 215	#9E5DD7
66.7%	66.7% #904ACD	RGB 144 74 205	#904ACD
83.3%	83.3% #8339C4	RGB 131 57 196	#8339C4
100.0%	100.0% #762ABB	RGB 118 42 187	#762ABB

#CC9CF3 #BC85E9 #AD70E0 #9E5DD7 #904ACD #8339C4 #762ABB

#CC9CF3 - #9E5DD7 - #762ABB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC9CF3 0%, #9E5DD7 50%, #762ABB 100%);
    background: -webkit-linear-gradient(top, #CC9CF3 0%, #9E5DD7 50%, #762ABB 100%);
    background: linear-gradient(to bottom, #CC9CF3 0%, #9E5DD7 50%, #762ABB 100%);
}
</style>