#ED35A2 - #F9C5E4 | 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 #ED35A2 to #F9C5E4

#ED35A2 #F9C5E4

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

#ED35A2 - #F9C5E4 | 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 #ED35A2 as 0% and #F9C5E4 as 100%.

0.0%	0.0% #ED35A2	RGB 237 53 162	#ED35A2
16.7%	16.7% #EF4DAD	RGB 239 77 173	#EF4DAD
33.3%	33.3% #F165B8	RGB 241 101 184	#F165B8
50.0%	50.0% #F37DC3	RGB 243 125 195	#F37DC3
66.7%	66.7% #F595CE	RGB 245 149 206	#F595CE
83.3%	83.3% #F7ADD9	RGB 247 173 217	#F7ADD9
100.0%	100.0% #F9C5E4	RGB 249 197 228	#F9C5E4

#ED35A2 #EF4DAD #F165B8 #F37DC3 #F595CE #F7ADD9 #F9C5E4

#ED35A2 - #F9C5E4

HSV Blend

#ED35A2 - #F9C5E4 | 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 #ED35A2 as 0% and #F9C5E4 as 100%.

0.0%	0.0% #ED35A2	RGB 237 53 162	#ED35A2
16.7%	16.7% #EF4CAC	RGB 239 76 172	#EF4CAC
33.3%	33.3% #F163B7	RGB 241 99 183	#F163B7
50.0%	50.0% #F37BC2	RGB 243 123 194	#F37BC2
66.7%	66.7% #F593CD	RGB 245 147 205	#F593CD
83.3%	83.3% #F7ACD8	RGB 247 172 216	#F7ACD8
100.0%	100.0% #F9C5E4	RGB 249 197 228	#F9C5E4

#ED35A2 #EF4CAC #F163B7 #F37BC2 #F593CD #F7ACD8 #F9C5E4

#ED35A2 - #F37BC2 - #F9C5E4

CSS codes

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

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