#EC469F - #FF7ECB | 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 #EC469F to #FF7ECB

#EC469F #FF7ECB

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

#EC469F - #FF7ECB | 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 #EC469F as 0% and #FF7ECB as 100%.

0.0%	0.0% #EC469F	RGB 236 70 159	#EC469F
16.7%	16.7% #EF4FA6	RGB 239 79 166	#EF4FA6
33.3%	33.3% #F258AD	RGB 242 88 173	#F258AD
50.0%	50.0% #F562B5	RGB 245 98 181	#F562B5
66.7%	66.7% #F86BBC	RGB 248 107 188	#F86BBC
83.3%	83.3% #FB74C3	RGB 251 116 195	#FB74C3
100.0%	100.0% #FF7ECB	RGB 255 126 203	#FF7ECB

#EC469F #EF4FA6 #F258AD #F562B5 #F86BBC #FB74C3 #FF7ECB

#EC469F - #FF7ECB

HSV Blend

#EC469F - #FF7ECB | 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 #EC469F as 0% and #FF7ECB as 100%.

0.0%	0.0% #EC469F	RGB 236 70 159	#EC469F
16.7%	16.7% #EF4EA6	RGB 239 78 166	#EF4EA6
33.3%	33.3% #F257AD	RGB 242 87 173	#F257AD
50.0%	50.0% #F561B5	RGB 245 97 181	#F561B5
66.7%	66.7% #F86ABC	RGB 248 106 188	#F86ABC
83.3%	83.3% #FB74C3	RGB 251 116 195	#FB74C3
100.0%	100.0% #FF7ECB	RGB 255 126 203	#FF7ECB

#EC469F #EF4EA6 #F257AD #F561B5 #F86ABC #FB74C3 #FF7ECB

#EC469F - #F561B5 - #FF7ECB

CSS codes

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

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