#C92D4F - #EFC3CC | 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 #C92D4F to #EFC3CC

#C92D4F #EFC3CC

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

#C92D4F - #EFC3CC | 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 #C92D4F as 0% and #EFC3CC as 100%.

0.0%	0.0% #C92D4F	RGB 201 45 79	#C92D4F
16.7%	16.7% #CF4663	RGB 207 70 99	#CF4663
33.3%	33.3% #D55F78	RGB 213 95 120	#D55F78
50.0%	50.0% #DC788D	RGB 220 120 141	#DC788D
66.7%	66.7% #E291A2	RGB 226 145 162	#E291A2
83.3%	83.3% #E8AAB7	RGB 232 170 183	#E8AAB7
100.0%	100.0% #EFC3CC	RGB 239 195 204	#EFC3CC

#C92D4F #CF4663 #D55F78 #DC788D #E291A2 #E8AAB7 #EFC3CC

#C92D4F - #EFC3CC

HSV Blend

#C92D4F - #EFC3CC | 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 #C92D4F as 0% and #EFC3CC as 100%.

0.0%	0.0% #C92D4F	RGB 201 45 79	#C92D4F
16.7%	16.7% #CF4261	RGB 207 66 97	#CF4261
33.3%	33.3% #D55A74	RGB 213 90 116	#D55A74
50.0%	50.0% #DC7288	RGB 220 114 136	#DC7288
66.7%	66.7% #E28C9E	RGB 226 140 158	#E28C9E
83.3%	83.3% #E8A6B4	RGB 232 166 180	#E8A6B4
100.0%	100.0% #EFC3CC	RGB 239 195 204	#EFC3CC

#C92D4F #CF4261 #D55A74 #DC7288 #E28C9E #E8A6B4 #EFC3CC

#C92D4F - #DC7288 - #EFC3CC

CSS codes

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

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