#EDAFC5 - #C04F79 | 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 #EDAFC5 to #C04F79

#EDAFC5 #C04F79

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

#EDAFC5 - #C04F79 | 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 #EDAFC5 as 0% and #C04F79 as 100%.

0.0%	0.0% #EDAFC5	RGB 237 175 197	#EDAFC5
16.7%	16.7% #E59FB8	RGB 229 159 184	#E59FB8
33.3%	33.3% #DE8FAB	RGB 222 143 171	#DE8FAB
50.0%	50.0% #D67F9F	RGB 214 127 159	#D67F9F
66.7%	66.7% #CF6F92	RGB 207 111 146	#CF6F92
83.3%	83.3% #C75F85	RGB 199 95 133	#C75F85
100.0%	100.0% #C04F79	RGB 192 79 121	#C04F79

#EDAFC5 #E59FB8 #DE8FAB #D67F9F #CF6F92 #C75F85 #C04F79

#EDAFC5 - #C04F79

HSV Blend

#EDAFC5 - #C04F79 | 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 #EDAFC5 as 0% and #C04F79 as 100%.

0.0%	0.0% #EDAFC5	RGB 237 175 197	#EDAFC5
16.7%	16.7% #E59CB6	RGB 229 156 182	#E59CB6
33.3%	33.3% #DE8BA9	RGB 222 139 169	#DE8BA9
50.0%	50.0% #D67B9C	RGB 214 123 156	#D67B9C
66.7%	66.7% #CF6B90	RGB 207 107 144	#CF6B90
83.3%	83.3% #C75C84	RGB 199 92 132	#C75C84
100.0%	100.0% #C04F79	RGB 192 79 121	#C04F79

#EDAFC5 #E59CB6 #DE8BA9 #D67B9C #CF6B90 #C75C84 #C04F79

#EDAFC5 - #D67B9C - #C04F79

CSS codes

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

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