#CC2D32 - #F0C3C4 | 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 #CC2D32 to #F0C3C4

#CC2D32 #F0C3C4

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

#CC2D32 - #F0C3C4 | 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 #CC2D32 as 0% and #F0C3C4 as 100%.

0.0%	0.0% #CC2D32	RGB 204 45 50	#CC2D32
16.7%	16.7% #D2464A	RGB 210 70 74	#D2464A
33.3%	33.3% #D85F62	RGB 216 95 98	#D85F62
50.0%	50.0% #DE787B	RGB 222 120 123	#DE787B
66.7%	66.7% #E49193	RGB 228 145 147	#E49193
83.3%	83.3% #EAAAAB	RGB 234 170 171	#EAAAAB
100.0%	100.0% #F0C3C4	RGB 240 195 196	#F0C3C4

#CC2D32 #D2464A #D85F62 #DE787B #E49193 #EAAAAB #F0C3C4

#CC2D32 - #F0C3C4

HSV Blend

#CC2D32 - #F0C3C4 | 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 #CC2D32 as 0% and #F0C3C4 as 100%.

0.0%	0.0% #CC2C32	RGB 204 44 50	#CC2C32
16.7%	16.7% #D24347	RGB 210 67 71	#D24347
33.3%	33.3% #D85A5D	RGB 216 90 93	#D85A5D
50.0%	50.0% #DE7275	RGB 222 114 117	#DE7275
66.7%	66.7% #E48C8E	RGB 228 140 142	#E48C8E
83.3%	83.3% #EAA7A8	RGB 234 167 168	#EAA7A8
100.0%	100.0% #F0C3C4	RGB 240 195 196	#F0C3C4

#CC2C32 #D24347 #D85A5D #DE7275 #E48C8E #EAA7A8 #F0C3C4

#CC2D32 - #DE7275 - #F0C3C4

CSS codes

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

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