#C33E5B - #EDC7CF | 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 #C33E5B to #EDC7CF

#C33E5B #EDC7CF

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

#C33E5B - #EDC7CF | 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 #C33E5B as 0% and #EDC7CF as 100%.

0.0%	0.0% #C33E5B	RGB 195 62 91	#C33E5B
16.7%	16.7% #CA546E	RGB 202 84 110	#CA546E
33.3%	33.3% #D16B81	RGB 209 107 129	#D16B81
50.0%	50.0% #D88295	RGB 216 130 149	#D88295
66.7%	66.7% #DF99A8	RGB 223 153 168	#DF99A8
83.3%	83.3% #E6B0BB	RGB 230 176 187	#E6B0BB
100.0%	100.0% #EDC7CF	RGB 237 199 207	#EDC7CF

#C33E5B #CA546E #D16B81 #D88295 #DF99A8 #E6B0BB #EDC7CF

#C33E5B - #EDC7CF

HSV Blend

#C33E5B - #EDC7CF | 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 #C33E5B as 0% and #EDC7CF as 100%.

0.0%	0.0% #C33E5A	RGB 195 62 90	#C33E5A
16.7%	16.7% #CA516B	RGB 202 81 107	#CA516B
33.3%	33.3% #D1667D	RGB 209 102 125	#D1667D
50.0%	50.0% #D87D90	RGB 216 125 144	#D87D90
66.7%	66.7% #DF94A4	RGB 223 148 164	#DF94A4
83.3%	83.3% #E6ADB9	RGB 230 173 185	#E6ADB9
100.0%	100.0% #EDC7CF	RGB 237 199 207	#EDC7CF

#C33E5A #CA516B #D1667D #D87D90 #DF94A4 #E6ADB9 #EDC7CF

#C33E5B - #D87D90 - #EDC7CF

CSS codes

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

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