#C92E94 - #EFC3E0 | 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 #C92E94 to #EFC3E0

#C92E94 #EFC3E0

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

#C92E94 - #EFC3E0 | 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 #C92E94 as 0% and #EFC3E0 as 100%.

0.0%	0.0% #C92E94	RGB 201 46 148	#C92E94
16.7%	16.7% #CF46A0	RGB 207 70 160	#CF46A0
33.3%	33.3% #D55FAD	RGB 213 95 173	#D55FAD
50.0%	50.0% #DC78BA	RGB 220 120 186	#DC78BA
66.7%	66.7% #E291C6	RGB 226 145 198	#E291C6
83.3%	83.3% #E8AAD3	RGB 232 170 211	#E8AAD3
100.0%	100.0% #EFC3E0	RGB 239 195 224	#EFC3E0

#C92E94 #CF46A0 #D55FAD #DC78BA #E291C6 #E8AAD3 #EFC3E0

#C92E94 - #EFC3E0

HSV Blend

#C92E94 - #EFC3E0 | 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 #C92E94 as 0% and #EFC3E0 as 100%.

0.0%	0.0% #C92E94	RGB 201 46 148	#C92E94
16.7%	16.7% #CF439F	RGB 207 67 159	#CF439F
33.3%	33.3% #D55AAB	RGB 213 90 171	#D55AAB
50.0%	50.0% #DC72B8	RGB 220 114 184	#DC72B8
66.7%	66.7% #E28CC5	RGB 226 140 197	#E28CC5
83.3%	83.3% #E8A7D2	RGB 232 167 210	#E8A7D2
100.0%	100.0% #EFC3E0	RGB 239 195 224	#EFC3E0

#C92E94 #CF439F #D55AAB #DC72B8 #E28CC5 #E8A7D2 #EFC3E0

#C92E94 - #DC72B8 - #EFC3E0

CSS codes

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

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