#C55E5E - #EED1D1 | 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 #C55E5E to #EED1D1

#C55E5E #EED1D1

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

#C55E5E - #EED1D1 | 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 #C55E5E as 0% and #EED1D1 as 100%.

0.0%	0.0% #C55E5E	RGB 197 94 94	#C55E5E
16.7%	16.7% #CB7171	RGB 203 113 113	#CB7171
33.3%	33.3% #D28484	RGB 210 132 132	#D28484
50.0%	50.0% #D99797	RGB 217 151 151	#D99797
66.7%	66.7% #E0AAAA	RGB 224 170 170	#E0AAAA
83.3%	83.3% #E7BDBD	RGB 231 189 189	#E7BDBD
100.0%	100.0% #EED1D1	RGB 238 209 209	#EED1D1

#C55E5E #CB7171 #D28484 #D99797 #E0AAAA #E7BDBD #EED1D1

#C55E5E - #EED1D1

HSV Blend

#C55E5E - #EED1D1 | 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 #C55E5E as 0% and #EED1D1 as 100%.

0.0%	0.0% #C55E5E	RGB 197 94 94	#C55E5E
16.7%	16.7% #CB6E6E	RGB 203 110 110	#CB6E6E
33.3%	33.3% #D28080	RGB 210 128 128	#D28080
50.0%	50.0% #D99393	RGB 217 147 147	#D99393
66.7%	66.7% #E0A7A7	RGB 224 167 167	#E0A7A7
83.3%	83.3% #E7BBBB	RGB 231 187 187	#E7BBBB
100.0%	100.0% #EED1D1	RGB 238 209 209	#EED1D1

#C55E5E #CB6E6E #D28080 #D99393 #E0A7A7 #E7BBBB #EED1D1

#C55E5E - #D99393 - #EED1D1

CSS codes

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

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