#CC3EC5 - #FF4DAC | 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 #CC3EC5 to #FF4DAC

#CC3EC5 #FF4DAC

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

#CC3EC5 - #FF4DAC | 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 #CC3EC5 as 0% and #FF4DAC as 100%.

0.0%	0.0% #CC3EC5	RGB 204 62 197	#CC3EC5
16.7%	16.7% #D440C0	RGB 212 64 192	#D440C0
33.3%	33.3% #DD43BC	RGB 221 67 188	#DD43BC
50.0%	50.0% #E545B8	RGB 229 69 184	#E545B8
66.7%	66.7% #EE48B4	RGB 238 72 180	#EE48B4
83.3%	83.3% #F64AB0	RGB 246 74 176	#F64AB0
100.0%	100.0% #FF4DAC	RGB 255 77 172	#FF4DAC

#CC3EC5 #D440C0 #DD43BC #E545B8 #EE48B4 #F64AB0 #FF4DAC

#CC3EC5 - #FF4DAC

HSV Blend

#CC3EC5 - #FF4DAC | 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 #CC3EC5 as 0% and #FF4DAC as 100%.

0.0%	0.0% #CC3EC5	RGB 204 62 197	#CC3EC5
16.7%	16.7% #D440C2	RGB 212 64 194	#D440C2
33.3%	33.3% #DD43C0	RGB 221 67 192	#DD43C0
50.0%	50.0% #E545BC	RGB 229 69 188	#E545BC
66.7%	66.7% #EE48B7	RGB 238 72 183	#EE48B7
83.3%	83.3% #F64AB2	RGB 246 74 178	#F64AB2
100.0%	100.0% #FF4DAC	RGB 255 77 172	#FF4DAC

#CC3EC5 #D440C2 #DD43C0 #E545BC #EE48B7 #F64AB2 #FF4DAC

#CC3EC5 - #E545BC - #FF4DAC

CSS codes

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

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