#C93C5E - #EFC7D1 | 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 #C93C5E to #EFC7D1

#C93C5E #EFC7D1

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

#C93C5E - #EFC7D1 | 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 #C93C5E as 0% and #EFC7D1 as 100%.

0.0%	0.0% #C93C5E	RGB 201 60 94	#C93C5E
16.7%	16.7% #CF5371	RGB 207 83 113	#CF5371
33.3%	33.3% #D56A84	RGB 213 106 132	#D56A84
50.0%	50.0% #DC8197	RGB 220 129 151	#DC8197
66.7%	66.7% #E298AA	RGB 226 152 170	#E298AA
83.3%	83.3% #E8AFBD	RGB 232 175 189	#E8AFBD
100.0%	100.0% #EFC7D1	RGB 239 199 209	#EFC7D1

#C93C5E #CF5371 #D56A84 #DC8197 #E298AA #E8AFBD #EFC7D1

#C93C5E - #EFC7D1

HSV Blend

#C93C5E - #EFC7D1 | 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 #C93C5E as 0% and #EFC7D1 as 100%.

0.0%	0.0% #C93C5E	RGB 201 60 94	#C93C5E
16.7%	16.7% #CF506F	RGB 207 80 111	#CF506F
33.3%	33.3% #D56581	RGB 213 101 129	#D56581
50.0%	50.0% #DC7C93	RGB 220 124 147	#DC7C93
66.7%	66.7% #E294A7	RGB 226 148 167	#E294A7
83.3%	83.3% #E8ADBB	RGB 232 173 187	#E8ADBB
100.0%	100.0% #EFC7D1	RGB 239 199 209	#EFC7D1

#C93C5E #CF506F #D56581 #DC7C93 #E294A7 #E8ADBB #EFC7D1

#C93C5E - #DC7C93 - #EFC7D1

CSS codes

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

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