#C4232C - #EEC0C2 | 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 #C4232C to #EEC0C2

#C4232C #EEC0C2

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

#C4232C - #EEC0C2 | 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 #C4232C as 0% and #EEC0C2 as 100%.

0.0%	0.0% #C4232C	RGB 196 35 44	#C4232C
16.7%	16.7% #CB3D45	RGB 203 61 69	#CB3D45
33.3%	33.3% #D2575E	RGB 210 87 94	#D2575E
50.0%	50.0% #D97177	RGB 217 113 119	#D97177
66.7%	66.7% #E08B90	RGB 224 139 144	#E08B90
83.3%	83.3% #E7A5A9	RGB 231 165 169	#E7A5A9
100.0%	100.0% #EEC0C2	RGB 238 192 194	#EEC0C2

#C4232C #CB3D45 #D2575E #D97177 #E08B90 #E7A5A9 #EEC0C2

#C4232C - #EEC0C2

HSV Blend

#C4232C - #EEC0C2 | 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 #C4232C as 0% and #EEC0C2 as 100%.

0.0%	0.0% #C4222B	RGB 196 34 43	#C4222B
16.7%	16.7% #CB3941	RGB 203 57 65	#CB3941
33.3%	33.3% #D25158	RGB 210 81 88	#D25158
50.0%	50.0% #D96A70	RGB 217 106 112	#D96A70
66.7%	66.7% #E0858A	RGB 224 133 138	#E0858A
83.3%	83.3% #E7A2A5	RGB 231 162 165	#E7A2A5
100.0%	100.0% #EEC0C2	RGB 238 192 194	#EEC0C2

#C4222B #CB3941 #D25158 #D96A70 #E0858A #E7A2A5 #EEC0C2

#C4232C - #D96A70 - #EEC0C2

CSS codes

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

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