#C92F62 - #EFC3D2 | 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 #C92F62 to #EFC3D2

#C92F62 #EFC3D2

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

#C92F62 - #EFC3D2 | 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 #C92F62 as 0% and #EFC3D2 as 100%.

0.0%	0.0% #C92F62	RGB 201 47 98	#C92F62
16.7%	16.7% #CF4774	RGB 207 71 116	#CF4774
33.3%	33.3% #D56087	RGB 213 96 135	#D56087
50.0%	50.0% #DC799A	RGB 220 121 154	#DC799A
66.7%	66.7% #E291AC	RGB 226 145 172	#E291AC
83.3%	83.3% #E8AABF	RGB 232 170 191	#E8AABF
100.0%	100.0% #EFC3D2	RGB 239 195 210	#EFC3D2

#C92F62 #CF4774 #D56087 #DC799A #E291AC #E8AABF #EFC3D2

#C92F62 - #EFC3D2

HSV Blend

#C92F62 - #EFC3D2 | 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 #C92F62 as 0% and #EFC3D2 as 100%.

0.0%	0.0% #C92E61	RGB 201 46 97	#C92E61
16.7%	16.7% #CF4472	RGB 207 68 114	#CF4472
33.3%	33.3% #D55B84	RGB 213 91 132	#D55B84
50.0%	50.0% #DC7396	RGB 220 115 150	#DC7396
66.7%	66.7% #E28CA9	RGB 226 140 169	#E28CA9
83.3%	83.3% #E8A7BD	RGB 232 167 189	#E8A7BD
100.0%	100.0% #EFC3D2	RGB 239 195 210	#EFC3D2

#C92E61 #CF4472 #D55B84 #DC7396 #E28CA9 #E8A7BD #EFC3D2

#C92F62 - #DC7396 - #EFC3D2

CSS codes

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

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