#C55F58 - #EED1CF | 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 #C55F58 to #EED1CF

#C55F58 #EED1CF

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

#C55F58 - #EED1CF | 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 #C55F58 as 0% and #EED1CF as 100%.

0.0%	0.0% #C55F58	RGB 197 95 88	#C55F58
16.7%	16.7% #CB726B	RGB 203 114 107	#CB726B
33.3%	33.3% #D2857F	RGB 210 133 127	#D2857F
50.0%	50.0% #D99893	RGB 217 152 147	#D99893
66.7%	66.7% #E0ABA7	RGB 224 171 167	#E0ABA7
83.3%	83.3% #E7BEBB	RGB 231 190 187	#E7BEBB
100.0%	100.0% #EED1CF	RGB 238 209 207	#EED1CF

#C55F58 #CB726B #D2857F #D99893 #E0ABA7 #E7BEBB #EED1CF

#C55F58 - #EED1CF

HSV Blend

#C55F58 - #EED1CF | 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 #C55F58 as 0% and #EED1CF as 100%.

0.0%	0.0% #C55E57	RGB 197 94 87	#C55E57
16.7%	16.7% #CB6F69	RGB 203 111 105	#CB6F69
33.3%	33.3% #D2817B	RGB 210 129 123	#D2817B
50.0%	50.0% #D9938F	RGB 217 147 143	#D9938F
66.7%	66.7% #E0A7A3	RGB 224 167 163	#E0A7A3
83.3%	83.3% #E7BBB8	RGB 231 187 184	#E7BBB8
100.0%	100.0% #EED1CF	RGB 238 209 207	#EED1CF

#C55E57 #CB6F69 #D2817B #D9938F #E0A7A3 #E7BBB8 #EED1CF

#C55F58 - #D9938F - #EED1CF

CSS codes

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

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