#CC2DA5 - #F0C3E5 | 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 #CC2DA5 to #F0C3E5

#CC2DA5 #F0C3E5

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

#CC2DA5 - #F0C3E5 | 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 #CC2DA5 as 0% and #F0C3E5 as 100%.

0.0%	0.0% #CC2DA5	RGB 204 45 165	#CC2DA5
16.7%	16.7% #D246AF	RGB 210 70 175	#D246AF
33.3%	33.3% #D85FBA	RGB 216 95 186	#D85FBA
50.0%	50.0% #DE78C5	RGB 222 120 197	#DE78C5
66.7%	66.7% #E491CF	RGB 228 145 207	#E491CF
83.3%	83.3% #EAAADA	RGB 234 170 218	#EAAADA
100.0%	100.0% #F0C3E5	RGB 240 195 229	#F0C3E5

#CC2DA5 #D246AF #D85FBA #DE78C5 #E491CF #EAAADA #F0C3E5

#CC2DA5 - #F0C3E5

HSV Blend

#CC2DA5 - #F0C3E5 | 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 #CC2DA5 as 0% and #F0C3E5 as 100%.

0.0%	0.0% #CC2CA4	RGB 204 44 164	#CC2CA4
16.7%	16.7% #D243AE	RGB 210 67 174	#D243AE
33.3%	33.3% #D85AB9	RGB 216 90 185	#D85AB9
50.0%	50.0% #DE72C3	RGB 222 114 195	#DE72C3
66.7%	66.7% #E48CCE	RGB 228 140 206	#E48CCE
83.3%	83.3% #EAA7D9	RGB 234 167 217	#EAA7D9
100.0%	100.0% #F0C3E5	RGB 240 195 229	#F0C3E5

#CC2CA4 #D243AE #D85AB9 #DE72C3 #E48CCE #EAA7D9 #F0C3E5

#CC2DA5 - #DE72C3 - #F0C3E5

CSS codes

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

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