#CC335C - #F0C4D0 | 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 #CC335C to #F0C4D0

#CC335C #F0C4D0

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

#CC335C - #F0C4D0 | 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 #CC335C as 0% and #F0C4D0 as 100%.

0.0%	0.0% #CC335C	RGB 204 51 92	#CC335C
16.7%	16.7% #D24B6F	RGB 210 75 111	#D24B6F
33.3%	33.3% #D86382	RGB 216 99 130	#D86382
50.0%	50.0% #DE7B96	RGB 222 123 150	#DE7B96
66.7%	66.7% #E493A9	RGB 228 147 169	#E493A9
83.3%	83.3% #EAABBC	RGB 234 171 188	#EAABBC
100.0%	100.0% #F0C4D0	RGB 240 196 208	#F0C4D0

#CC335C #D24B6F #D86382 #DE7B96 #E493A9 #EAABBC #F0C4D0

#CC335C - #F0C4D0

HSV Blend

#CC335C - #F0C4D0 | 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 #CC335C as 0% and #F0C4D0 as 100%.

0.0%	0.0% #CC335B	RGB 204 51 91	#CC335B
16.7%	16.7% #D2486D	RGB 210 72 109	#D2486D
33.3%	33.3% #D85E7F	RGB 216 94 127	#D85E7F
50.0%	50.0% #DE7692	RGB 222 118 146	#DE7692
66.7%	66.7% #E48FA6	RGB 228 143 166	#E48FA6
83.3%	83.3% #EAA9BA	RGB 234 169 186	#EAA9BA
100.0%	100.0% #F0C4D0	RGB 240 196 208	#F0C4D0

#CC335B #D2486D #D85E7F #DE7692 #E48FA6 #EAA9BA #F0C4D0

#CC335C - #DE7692 - #F0C4D0

CSS codes

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

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