#C73A8B - #EFC6DD | 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 #C73A8B to #EFC6DD

#C73A8B #EFC6DD

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

#C73A8B - #EFC6DD | 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 #C73A8B as 0% and #EFC6DD as 100%.

0.0%	0.0% #C73A8B	RGB 199 58 139	#C73A8B
16.7%	16.7% #CD5198	RGB 205 81 152	#CD5198
33.3%	33.3% #D468A6	RGB 212 104 166	#D468A6
50.0%	50.0% #DB80B4	RGB 219 128 180	#DB80B4
66.7%	66.7% #E197C1	RGB 225 151 193	#E197C1
83.3%	83.3% #E8AECF	RGB 232 174 207	#E8AECF
100.0%	100.0% #EFC6DD	RGB 239 198 221	#EFC6DD

#C73A8B #CD5198 #D468A6 #DB80B4 #E197C1 #E8AECF #EFC6DD

#C73A8B - #EFC6DD

HSV Blend

#C73A8B - #EFC6DD | 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 #C73A8B as 0% and #EFC6DD as 100%.

0.0%	0.0% #C73A8B	RGB 199 58 139	#C73A8B
16.7%	16.7% #CD4E97	RGB 205 78 151	#CD4E97
33.3%	33.3% #D463A3	RGB 212 99 163	#D463A3
50.0%	50.0% #DB7AB1	RGB 219 122 177	#DB7AB1
66.7%	66.7% #E192BF	RGB 225 146 191	#E192BF
83.3%	83.3% #E8ABCD	RGB 232 171 205	#E8ABCD
100.0%	100.0% #EFC6DD	RGB 239 198 221	#EFC6DD

#C73A8B #CD4E97 #D463A3 #DB7AB1 #E192BF #E8ABCD #EFC6DD

#C73A8B - #DB7AB1 - #EFC6DD

CSS codes

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

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