#FF8BC6 - #EC3E80 | 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 #FF8BC6 to #EC3E80

#FF8BC6 #EC3E80

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

#FF8BC6 - #EC3E80 | 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 #FF8BC6 as 0% and #EC3E80 as 100%.

0.0%	0.0% #FF8BC6	RGB 255 139 198	#FF8BC6
16.7%	16.7% #FB7EBA	RGB 251 126 186	#FB7EBA
33.3%	33.3% #F871AE	RGB 248 113 174	#F871AE
50.0%	50.0% #F564A3	RGB 245 100 163	#F564A3
66.7%	66.7% #F25797	RGB 242 87 151	#F25797
83.3%	83.3% #EF4A8B	RGB 239 74 139	#EF4A8B
100.0%	100.0% #EC3E80	RGB 236 62 128	#EC3E80

#FF8BC6 #FB7EBA #F871AE #F564A3 #F25797 #EF4A8B #EC3E80

#FF8BC6 - #EC3E80

HSV Blend

#FF8BC6 - #EC3E80 | 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 #FF8BC6 as 0% and #EC3E80 as 100%.

0.0%	0.0% #FF8BC6	RGB 255 139 198	#FF8BC6
16.7%	16.7% #FB7DBA	RGB 251 125 186	#FB7DBA
33.3%	33.3% #F870AF	RGB 248 112 175	#F870AF
50.0%	50.0% #F563A4	RGB 245 99 164	#F563A4
66.7%	66.7% #F25698	RGB 242 86 152	#F25698
83.3%	83.3% #EF4A8C	RGB 239 74 140	#EF4A8C
100.0%	100.0% #EC3E80	RGB 236 62 128	#EC3E80

#FF8BC6 #FB7DBA #F870AF #F563A4 #F25698 #EF4A8C #EC3E80

#FF8BC6 - #F563A4 - #EC3E80

CSS codes

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

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