#EC776B - #FF95D0 | 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 #EC776B to #FF95D0

#EC776B #FF95D0

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

#EC776B - #FF95D0 | 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 #EC776B as 0% and #FF95D0 as 100%.

0.0%	0.0% #EC776B	RGB 236 119 107	#EC776B
16.7%	16.7% #EF7C7B	RGB 239 124 123	#EF7C7B
33.3%	33.3% #F2818C	RGB 242 129 140	#F2818C
50.0%	50.0% #F5869D	RGB 245 134 157	#F5869D
66.7%	66.7% #F88BAE	RGB 248 139 174	#F88BAE
83.3%	83.3% #FB90BF	RGB 251 144 191	#FB90BF
100.0%	100.0% #FF95D0	RGB 255 149 208	#FF95D0

#EC776B #EF7C7B #F2818C #F5869D #F88BAE #FB90BF #FF95D0

#EC776B - #FF95D0

HSV Blend

#EC776B - #FF95D0 | 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 #EC776B as 0% and #FF95D0 as 100%.

0.0%	0.0% #EC776B	RGB 236 119 107	#EC776B
16.7%	16.7% #EF7173	RGB 239 113 115	#EF7173
33.3%	33.3% #F27887	RGB 242 120 135	#F27887
50.0%	50.0% #F57F9A	RGB 245 127 154	#F57F9A
66.7%	66.7% #F886AD	RGB 248 134 173	#F886AD
83.3%	83.3% #FB8DBF	RGB 251 141 191	#FB8DBF
100.0%	100.0% #FF95D0	RGB 255 149 208	#FF95D0

#EC776B #EF7173 #F27887 #F57F9A #F886AD #FB8DBF #FF95D0

#EC776B - #F57F9A - #FF95D0

CSS codes

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

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