#CD412C - #F0C8C2 | 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 #CD412C to #F0C8C2

#CD412C #F0C8C2

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

#CD412C - #F0C8C2 | 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 #CD412C as 0% and #F0C8C2 as 100%.

0.0%	0.0% #CD412C	RGB 205 65 44	#CD412C
16.7%	16.7% #D25745	RGB 210 87 69	#D25745
33.3%	33.3% #D86E5E	RGB 216 110 94	#D86E5E
50.0%	50.0% #DE8477	RGB 222 132 119	#DE8477
66.7%	66.7% #E49B90	RGB 228 155 144	#E49B90
83.3%	83.3% #EAB1A9	RGB 234 177 169	#EAB1A9
100.0%	100.0% #F0C8C2	RGB 240 200 194	#F0C8C2

#CD412C #D25745 #D86E5E #DE8477 #E49B90 #EAB1A9 #F0C8C2

#CD412C - #F0C8C2

HSV Blend

#CD412C - #F0C8C2 | 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 #CD412C as 0% and #F0C8C2 as 100%.

0.0%	0.0% #CD412B	RGB 205 65 43	#CD412B
16.7%	16.7% #D25442	RGB 210 84 66	#D25442
33.3%	33.3% #D86959	RGB 216 105 89	#D86959
50.0%	50.0% #DE7F71	RGB 222 127 113	#DE7F71
66.7%	66.7% #E4968B	RGB 228 150 139	#E4968B
83.3%	83.3% #EAAEA6	RGB 234 174 166	#EAAEA6
100.0%	100.0% #F0C8C2	RGB 240 200 194	#F0C8C2

#CD412B #D25442 #D86959 #DE7F71 #E4968B #EAAEA6 #F0C8C2

#CD412C - #DE7F71 - #F0C8C2

CSS codes

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

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