#C92D52 - #EFC3CD | 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 #C92D52 to #EFC3CD

#C92D52 #EFC3CD

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

#C92D52 - #EFC3CD | 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 #C92D52 as 0% and #EFC3CD as 100%.

0.0%	0.0% #C92D52	RGB 201 45 82	#C92D52
16.7%	16.7% #CF4666	RGB 207 70 102	#CF4666
33.3%	33.3% #D55F7B	RGB 213 95 123	#D55F7B
50.0%	50.0% #DC788F	RGB 220 120 143	#DC788F
66.7%	66.7% #E291A4	RGB 226 145 164	#E291A4
83.3%	83.3% #E8AAB8	RGB 232 170 184	#E8AAB8
100.0%	100.0% #EFC3CD	RGB 239 195 205	#EFC3CD

#C92D52 #CF4666 #D55F7B #DC788F #E291A4 #E8AAB8 #EFC3CD

#C92D52 - #EFC3CD

HSV Blend

#C92D52 - #EFC3CD | 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 #C92D52 as 0% and #EFC3CD as 100%.

0.0%	0.0% #C92D52	RGB 201 45 82	#C92D52
16.7%	16.7% #CF4263	RGB 207 66 99	#CF4263
33.3%	33.3% #D55A76	RGB 213 90 118	#D55A76
50.0%	50.0% #DC728A	RGB 220 114 138	#DC728A
66.7%	66.7% #E28C9F	RGB 226 140 159	#E28C9F
83.3%	83.3% #E8A6B5	RGB 232 166 181	#E8A6B5
100.0%	100.0% #EFC3CD	RGB 239 195 205	#EFC3CD

#C92D52 #CF4263 #D55A76 #DC728A #E28C9F #E8A6B5 #EFC3CD

#C92D52 - #DC728A - #EFC3CD

CSS codes

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

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