#CC3E9B - #F0C7E2 | 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 #CC3E9B to #F0C7E2

#CC3E9B #F0C7E2

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

#CC3E9B - #F0C7E2 | 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 #CC3E9B as 0% and #F0C7E2 as 100%.

0.0%	0.0% #CC3E9B	RGB 204 62 155	#CC3E9B
16.7%	16.7% #D254A6	RGB 210 84 166	#D254A6
33.3%	33.3% #D86BB2	RGB 216 107 178	#D86BB2
50.0%	50.0% #DE82BE	RGB 222 130 190	#DE82BE
66.7%	66.7% #E499CA	RGB 228 153 202	#E499CA
83.3%	83.3% #EAB0D6	RGB 234 176 214	#EAB0D6
100.0%	100.0% #F0C7E2	RGB 240 199 226	#F0C7E2

#CC3E9B #D254A6 #D86BB2 #DE82BE #E499CA #EAB0D6 #F0C7E2

#CC3E9B - #F0C7E2

HSV Blend

#CC3E9B - #F0C7E2 | 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 #CC3E9B as 0% and #F0C7E2 as 100%.

0.0%	0.0% #CC3E9B	RGB 204 62 155	#CC3E9B
16.7%	16.7% #D252A5	RGB 210 82 165	#D252A5
33.3%	33.3% #D867B1	RGB 216 103 177	#D867B1
50.0%	50.0% #DE7DBC	RGB 222 125 188	#DE7DBC
66.7%	66.7% #E495C8	RGB 228 149 200	#E495C8
83.3%	83.3% #EAADD5	RGB 234 173 213	#EAADD5
100.0%	100.0% #F0C7E2	RGB 240 199 226	#F0C7E2

#CC3E9B #D252A5 #D867B1 #DE7DBC #E495C8 #EAADD5 #F0C7E2

#CC3E9B - #DE7DBC - #F0C7E2

CSS codes

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

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