#EC00AF - #FF87E5 | 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 #EC00AF to #FF87E5

#EC00AF #FF87E5

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

#EC00AF - #FF87E5 | 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 #EC00AF as 0% and #FF87E5 as 100%.

0.0%	0.0% #EC00AF	RGB 236 0 175	#EC00AF
16.7%	16.7% #EF16B8	RGB 239 22 184	#EF16B8
33.3%	33.3% #F22DC1	RGB 242 45 193	#F22DC1
50.0%	50.0% #F543CA	RGB 245 67 202	#F543CA
66.7%	66.7% #F85AD3	RGB 248 90 211	#F85AD3
83.3%	83.3% #FB70DC	RGB 251 112 220	#FB70DC
100.0%	100.0% #FF87E5	RGB 255 135 229	#FF87E5

#EC00AF #EF16B8 #F22DC1 #F543CA #F85AD3 #FB70DC #FF87E5

#EC00AF - #FF87E5

HSV Blend

#EC00AF - #FF87E5 | 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 #EC00AF as 0% and #FF87E5 as 100%.

0.0%	0.0% #EC00AE	RGB 236 0 174	#EC00AE
16.7%	16.7% #EF15B8	RGB 239 21 184	#EF15B8
33.3%	33.3% #F22AC1	RGB 242 42 193	#F22AC1
50.0%	50.0% #F540CA	RGB 245 64 202	#F540CA
66.7%	66.7% #F857D3	RGB 248 87 211	#F857D3
83.3%	83.3% #FB6FDC	RGB 251 111 220	#FB6FDC
100.0%	100.0% #FF87E5	RGB 255 135 229	#FF87E5

#EC00AE #EF15B8 #F22AC1 #F540CA #F857D3 #FB6FDC #FF87E5

#EC00AF - #F540CA - #FF87E5

CSS codes

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

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