#FF78CF - #EC28B7 | 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 #FF78CF to #EC28B7

#FF78CF #EC28B7

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

#FF78CF - #EC28B7 | 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 #FF78CF as 0% and #EC28B7 as 100%.

0.0%	0.0% #FF78CF	RGB 255 120 207	#FF78CF
16.7%	16.7% #FB6ACB	RGB 251 106 203	#FB6ACB
33.3%	33.3% #F85DC7	RGB 248 93 199	#F85DC7
50.0%	50.0% #F550C3	RGB 245 80 195	#F550C3
66.7%	66.7% #F242BF	RGB 242 66 191	#F242BF
83.3%	83.3% #EF35BB	RGB 239 53 187	#EF35BB
100.0%	100.0% #EC28B7	RGB 236 40 183	#EC28B7

#FF78CF #FB6ACB #F85DC7 #F550C3 #F242BF #EF35BB #EC28B7

#FF78CF - #EC28B7

HSV Blend

#FF78CF - #EC28B7 | 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 #FF78CF as 0% and #EC28B7 as 100%.

0.0%	0.0% #FF78CF	RGB 255 120 207	#FF78CF
16.7%	16.7% #FB69CA	RGB 251 105 202	#FB69CA
33.3%	33.3% #F85CC5	RGB 248 92 197	#F85CC5
50.0%	50.0% #F54EC1	RGB 245 78 193	#F54EC1
66.7%	66.7% #F241BD	RGB 242 65 189	#F241BD
83.3%	83.3% #EF34BA	RGB 239 52 186	#EF34BA
100.0%	100.0% #EC28B7	RGB 236 40 183	#EC28B7

#FF78CF #FB69CA #F85CC5 #F54EC1 #F241BD #EF34BA #EC28B7

#FF78CF - #F54EC1 - #EC28B7

CSS codes

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

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