#C4372B - #EEC5C2 | 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 #C4372B to #EEC5C2

#C4372B #EEC5C2

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

#C4372B - #EEC5C2 | 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 #C4372B as 0% and #EEC5C2 as 100%.

0.0%	0.0% #C4372B	RGB 196 55 43	#C4372B
16.7%	16.7% #CB4E44	RGB 203 78 68	#CB4E44
33.3%	33.3% #D2665D	RGB 210 102 93	#D2665D
50.0%	50.0% #D97E76	RGB 217 126 118	#D97E76
66.7%	66.7% #E0958F	RGB 224 149 143	#E0958F
83.3%	83.3% #E7ADA8	RGB 231 173 168	#E7ADA8
100.0%	100.0% #EEC5C2	RGB 238 197 194	#EEC5C2

#C4372B #CB4E44 #D2665D #D97E76 #E0958F #E7ADA8 #EEC5C2

#C4372B - #EEC5C2

HSV Blend

#C4372B - #EEC5C2 | 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 #C4372B as 0% and #EEC5C2 as 100%.

0.0%	0.0% #C4372B	RGB 196 55 43	#C4372B
16.7%	16.7% #CB4B40	RGB 203 75 64	#CB4B40
33.3%	33.3% #D26057	RGB 210 96 87	#D26057
50.0%	50.0% #D97770	RGB 217 119 112	#D97770
66.7%	66.7% #E0908A	RGB 224 144 138	#E0908A
83.3%	83.3% #E7A9A5	RGB 231 169 165	#E7A9A5
100.0%	100.0% #EEC5C2	RGB 238 197 194	#EEC5C2

#C4372B #CB4B40 #D26057 #D97770 #E0908A #E7A9A5 #EEC5C2

#C4372B - #D97770 - #EEC5C2

CSS codes

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

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