#CC00DA - #FF7EFF | 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 #CC00DA to #FF7EFF

#CC00DA #FF7EFF

Calculate the color between two colors, #CC00DA and #FF7EFF. 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)

#CC00DA - #FF7EFF | 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 #CC00DA as 0% and #FF7EFF as 100%.

0.0%	0.0% #CC00DA	RGB 204 0 218	#CC00DA
16.7%	16.7% #D415E0	RGB 212 21 224	#D415E0
33.3%	33.3% #DD2AE6	RGB 221 42 230	#DD2AE6
50.0%	50.0% #E53FEC	RGB 229 63 236	#E53FEC
66.7%	66.7% #EE54F2	RGB 238 84 242	#EE54F2
83.3%	83.3% #F669F8	RGB 246 105 248	#F669F8
100.0%	100.0% #FF7EFF	RGB 255 126 255	#FF7EFF

#CC00DA #D415E0 #DD2AE6 #E53FEC #EE54F2 #F669F8 #FF7EFF

#CC00DA - #FF7EFF

HSV Blend

#CC00DA - #FF7EFF | 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 #CC00DA as 0% and #FF7EFF as 100%.

0.0%	0.0% #CC00DA	RGB 204 0 218	#CC00DA
16.7%	16.7% #D512E0	RGB 213 18 224	#D512E0
33.3%	33.3% #DE25E6	RGB 222 37 230	#DE25E6
50.0%	50.0% #E63AEC	RGB 230 58 236	#E63AEC
66.7%	66.7% #EF4FF2	RGB 239 79 242	#EF4FF2
83.3%	83.3% #F766F8	RGB 247 102 248	#F766F8
100.0%	100.0% #FF7EFF	RGB 255 126 255	#FF7EFF

#CC00DA #D512E0 #DE25E6 #E63AEC #EF4FF2 #F766F8 #FF7EFF

#CC00DA - #E63AEC - #FF7EFF

CSS codes

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

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