#EC3498 - #F9C5E1 | 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 #EC3498 to #F9C5E1

#EC3498 #F9C5E1

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

#EC3498 - #F9C5E1 | 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 #EC3498 as 0% and #F9C5E1 as 100%.

0.0%	0.0% #EC3498	RGB 236 52 152	#EC3498
16.7%	16.7% #EE4CA4	RGB 238 76 164	#EE4CA4
33.3%	33.3% #F064B0	RGB 240 100 176	#F064B0
50.0%	50.0% #F27CBC	RGB 242 124 188	#F27CBC
66.7%	66.7% #F494C8	RGB 244 148 200	#F494C8
83.3%	83.3% #F6ACD4	RGB 246 172 212	#F6ACD4
100.0%	100.0% #F9C5E1	RGB 249 197 225	#F9C5E1

#EC3498 #EE4CA4 #F064B0 #F27CBC #F494C8 #F6ACD4 #F9C5E1

#EC3498 - #F9C5E1

HSV Blend

#EC3498 - #F9C5E1 | 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 #EC3498 as 0% and #F9C5E1 as 100%.

0.0%	0.0% #EC3497	RGB 236 52 151	#EC3497
16.7%	16.7% #EE4BA3	RGB 238 75 163	#EE4BA3
33.3%	33.3% #F062AF	RGB 240 98 175	#F062AF
50.0%	50.0% #F27ABB	RGB 242 122 187	#F27ABB
66.7%	66.7% #F493C7	RGB 244 147 199	#F493C7
83.3%	83.3% #F6ABD4	RGB 246 171 212	#F6ABD4
100.0%	100.0% #F9C5E1	RGB 249 197 225	#F9C5E1

#EC3497 #EE4BA3 #F062AF #F27ABB #F493C7 #F6ABD4 #F9C5E1

#EC3498 - #F27ABB - #F9C5E1

CSS codes

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

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