#CC94EB - #7424AF | 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 #CC94EB to #7424AF

#CC94EB #7424AF

Calculate the color between two colors, #CC94EB and #7424AF. 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)

#CC94EB - #7424AF | 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 #CC94EB as 0% and #7424AF as 100%.

0.0%	0.0% #CC94EB	RGB 204 148 235	#CC94EB
16.7%	16.7% #BD81E1	RGB 189 129 225	#BD81E1
33.3%	33.3% #AE6ED7	RGB 174 110 215	#AE6ED7
50.0%	50.0% #A05CCD	RGB 160 92 205	#A05CCD
66.7%	66.7% #9149C3	RGB 145 73 195	#9149C3
83.3%	83.3% #8236B9	RGB 130 54 185	#8236B9
100.0%	100.0% #7424AF	RGB 116 36 175	#7424AF

#CC94EB #BD81E1 #AE6ED7 #A05CCD #9149C3 #8236B9 #7424AF

#CC94EB - #7424AF

HSV Blend

#CC94EB - #7424AF | 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 #CC94EB as 0% and #7424AF as 100%.

0.0%	0.0% #CC94EB	RGB 204 148 235	#CC94EB
16.7%	16.7% #BC7DE1	RGB 188 125 225	#BC7DE1
33.3%	33.3% #AD69D7	RGB 173 105 215	#AD69D7
50.0%	50.0% #9E55CD	RGB 158 85 205	#9E55CD
66.7%	66.7% #8F43C3	RGB 143 67 195	#8F43C3
83.3%	83.3% #8133B9	RGB 129 51 185	#8133B9
100.0%	100.0% #7424AF	RGB 116 36 175	#7424AF

#CC94EB #BC7DE1 #AD69D7 #9E55CD #8F43C3 #8133B9 #7424AF

#CC94EB - #9E55CD - #7424AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC94EB 0%, #9E55CD 50%, #7424AF 100%);
    background: -webkit-linear-gradient(top, #CC94EB 0%, #9E55CD 50%, #7424AF 100%);
    background: linear-gradient(to bottom, #CC94EB 0%, #9E55CD 50%, #7424AF 100%);
}
</style>