#C92D3D - #EFC3C7 | 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 #C92D3D to #EFC3C7

#C92D3D #EFC3C7

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

#C92D3D - #EFC3C7 | 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 #C92D3D as 0% and #EFC3C7 as 100%.

0.0%	0.0% #C92D3D	RGB 201 45 61	#C92D3D
16.7%	16.7% #CF4654	RGB 207 70 84	#CF4654
33.3%	33.3% #D55F6B	RGB 213 95 107	#D55F6B
50.0%	50.0% #DC7882	RGB 220 120 130	#DC7882
66.7%	66.7% #E29199	RGB 226 145 153	#E29199
83.3%	83.3% #E8AAB0	RGB 232 170 176	#E8AAB0
100.0%	100.0% #EFC3C7	RGB 239 195 199	#EFC3C7

#C92D3D #CF4654 #D55F6B #DC7882 #E29199 #E8AAB0 #EFC3C7

#C92D3D - #EFC3C7

HSV Blend

#C92D3D - #EFC3C7 | 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 #C92D3D as 0% and #EFC3C7 as 100%.

0.0%	0.0% #C92D3D	RGB 201 45 61	#C92D3D
16.7%	16.7% #CF4251	RGB 207 66 81	#CF4251
33.3%	33.3% #D55A66	RGB 213 90 102	#D55A66
50.0%	50.0% #DC727C	RGB 220 114 124	#DC727C
66.7%	66.7% #E28C94	RGB 226 140 148	#E28C94
83.3%	83.3% #E8A6AC	RGB 232 166 172	#E8A6AC
100.0%	100.0% #EFC3C7	RGB 239 195 199	#EFC3C7

#C92D3D #CF4251 #D55A66 #DC727C #E28C94 #E8A6AC #EFC3C7

#C92D3D - #DC727C - #EFC3C7

CSS codes

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

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