#CC7EE9 - #6D0AAB | 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 #CC7EE9 to #6D0AAB

#CC7EE9 #6D0AAB

Calculate the color between two colors, #CC7EE9 and #6D0AAB. 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)

#CC7EE9 - #6D0AAB | 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 #CC7EE9 as 0% and #6D0AAB as 100%.

0.0%	0.0% #CC7EE9	RGB 204 126 233	#CC7EE9
16.7%	16.7% #BC6ADE	RGB 188 106 222	#BC6ADE
33.3%	33.3% #AC57D4	RGB 172 87 212	#AC57D4
50.0%	50.0% #9C44CA	RGB 156 68 202	#9C44CA
66.7%	66.7% #8C30BF	RGB 140 48 191	#8C30BF
83.3%	83.3% #7C1DB5	RGB 124 29 181	#7C1DB5
100.0%	100.0% #6D0AAB	RGB 109 10 171	#6D0AAB

#CC7EE9 #BC6ADE #AC57D4 #9C44CA #8C30BF #7C1DB5 #6D0AAB

#CC7EE9 - #6D0AAB

HSV Blend

#CC7EE9 - #6D0AAB | 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 #CC7EE9 as 0% and #6D0AAB as 100%.

0.0%	0.0% #CC7EE9	RGB 204 126 233	#CC7EE9
16.7%	16.7% #BB66DE	RGB 187 102 222	#BB66DE
33.3%	33.3% #AB50D4	RGB 171 80 212	#AB50D4
50.0%	50.0% #9B3CCA	RGB 155 60 202	#9B3CCA
66.7%	66.7% #8B2ABF	RGB 139 42 191	#8B2ABF
83.3%	83.3% #7C19B5	RGB 124 25 181	#7C19B5
100.0%	100.0% #6D0AAB	RGB 109 10 171	#6D0AAB

#CC7EE9 #BB66DE #AB50D4 #9B3CCA #8B2ABF #7C19B5 #6D0AAB

#CC7EE9 - #9B3CCA - #6D0AAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC7EE9 0%, #9B3CCA 50%, #6D0AAB 100%);
    background: -webkit-linear-gradient(top, #CC7EE9 0%, #9B3CCA 50%, #6D0AAB 100%);
    background: linear-gradient(to bottom, #CC7EE9 0%, #9B3CCA 50%, #6D0AAB 100%);
}
</style>