#CD2D25 - #F0C3C0 | 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 #CD2D25 to #F0C3C0

#CD2D25 #F0C3C0

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

#CD2D25 - #F0C3C0 | 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 #CD2D25 as 0% and #F0C3C0 as 100%.

0.0%	0.0% #CD2D25	RGB 205 45 37	#CD2D25
16.7%	16.7% #D2463E	RGB 210 70 62	#D2463E
33.3%	33.3% #D85F58	RGB 216 95 88	#D85F58
50.0%	50.0% #DE7872	RGB 222 120 114	#DE7872
66.7%	66.7% #E4918C	RGB 228 145 140	#E4918C
83.3%	83.3% #EAAAA6	RGB 234 170 166	#EAAAA6
100.0%	100.0% #F0C3C0	RGB 240 195 192	#F0C3C0

#CD2D25 #D2463E #D85F58 #DE7872 #E4918C #EAAAA6 #F0C3C0

#CD2D25 - #F0C3C0

HSV Blend

#CD2D25 - #F0C3C0 | 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 #CD2D25 as 0% and #F0C3C0 as 100%.

0.0%	0.0% #CD2D25	RGB 205 45 37	#CD2D25
16.7%	16.7% #D2433B	RGB 210 67 59	#D2433B
33.3%	33.3% #D85A53	RGB 216 90 83	#D85A53
50.0%	50.0% #DE736D	RGB 222 115 109	#DE736D
66.7%	66.7% #E48C87	RGB 228 140 135	#E48C87
83.3%	83.3% #EAA7A3	RGB 234 167 163	#EAA7A3
100.0%	100.0% #F0C3C0	RGB 240 195 192	#F0C3C0

#CD2D25 #D2433B #D85A53 #DE736D #E48C87 #EAA7A3 #F0C3C0

#CD2D25 - #DE736D - #F0C3C0

CSS codes

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

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