#CB2D3B - #F0C3C7 | 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 #CB2D3B to #F0C3C7

#CB2D3B #F0C3C7

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

#CB2D3B - #F0C3C7 | 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 #CB2D3B as 0% and #F0C3C7 as 100%.

0.0%	0.0% #CB2D3B	RGB 203 45 59	#CB2D3B
16.7%	16.7% #D14652	RGB 209 70 82	#D14652
33.3%	33.3% #D75F69	RGB 215 95 105	#D75F69
50.0%	50.0% #DD7881	RGB 221 120 129	#DD7881
66.7%	66.7% #E39198	RGB 227 145 152	#E39198
83.3%	83.3% #E9AAAF	RGB 233 170 175	#E9AAAF
100.0%	100.0% #F0C3C7	RGB 240 195 199	#F0C3C7

#CB2D3B #D14652 #D75F69 #DD7881 #E39198 #E9AAAF #F0C3C7

#CB2D3B - #F0C3C7

HSV Blend

#CB2D3B - #F0C3C7 | 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 #CB2D3B as 0% and #F0C3C7 as 100%.

0.0%	0.0% #CB2D3B	RGB 203 45 59	#CB2D3B
16.7%	16.7% #D1424F	RGB 209 66 79	#D1424F
33.3%	33.3% #D75A65	RGB 215 90 101	#D75A65
50.0%	50.0% #DD727C	RGB 221 114 124	#DD727C
66.7%	66.7% #E38C93	RGB 227 140 147	#E38C93
83.3%	83.3% #E9A6AC	RGB 233 166 172	#E9A6AC
100.0%	100.0% #F0C3C7	RGB 240 195 199	#F0C3C7

#CB2D3B #D1424F #D75A65 #DD727C #E38C93 #E9A6AC #F0C3C7

#CB2D3B - #DD727C - #F0C3C7

CSS codes

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

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