#EC4B9C - #FFBCBC | 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 #EC4B9C to #FFBCBC

#EC4B9C #FFBCBC

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

#EC4B9C - #FFBCBC | 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 #EC4B9C as 0% and #FFBCBC as 100%.

0.0%	0.0% #EC4B9C	RGB 236 75 156	#EC4B9C
16.7%	16.7% #EF5DA1	RGB 239 93 161	#EF5DA1
33.3%	33.3% #F270A6	RGB 242 112 166	#F270A6
50.0%	50.0% #F583AC	RGB 245 131 172	#F583AC
66.7%	66.7% #F896B1	RGB 248 150 177	#F896B1
83.3%	83.3% #FBA9B6	RGB 251 169 182	#FBA9B6
100.0%	100.0% #FFBCBC	RGB 255 188 188	#FFBCBC

#EC4B9C #EF5DA1 #F270A6 #F583AC #F896B1 #FBA9B6 #FFBCBC

#EC4B9C - #FFBCBC

HSV Blend

#EC4B9C - #FFBCBC | 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 #EC4B9C as 0% and #FFBCBC as 100%.

0.0%	0.0% #EC4B9B	RGB 236 75 155	#EC4B9B
16.7%	16.7% #EF5C9A	RGB 239 92 154	#EF5C9A
33.3%	33.3% #F26E9A	RGB 242 110 154	#F26E9A
50.0%	50.0% #F5819E	RGB 245 129 158	#F5819E
66.7%	66.7% #F894A5	RGB 248 148 165	#F894A5
83.3%	83.3% #FBA8AF	RGB 251 168 175	#FBA8AF
100.0%	100.0% #FFBCBC	RGB 255 188 188	#FFBCBC

#EC4B9B #EF5C9A #F26E9A #F5819E #F894A5 #FBA8AF #FFBCBC

#EC4B9C - #F5819E - #FFBCBC

CSS codes

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

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