#EC3670 - #F9C5D6 | 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 #EC3670 to #F9C5D6

#EC3670 #F9C5D6

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

#EC3670 - #F9C5D6 | 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 #EC3670 as 0% and #F9C5D6 as 100%.

0.0%	0.0% #EC3670	RGB 236 54 112	#EC3670
16.7%	16.7% #EE4D81	RGB 238 77 129	#EE4D81
33.3%	33.3% #F06592	RGB 240 101 146	#F06592
50.0%	50.0% #F27DA3	RGB 242 125 163	#F27DA3
66.7%	66.7% #F495B4	RGB 244 149 180	#F495B4
83.3%	83.3% #F6ADC5	RGB 246 173 197	#F6ADC5
100.0%	100.0% #F9C5D6	RGB 249 197 214	#F9C5D6

#EC3670 #EE4D81 #F06592 #F27DA3 #F495B4 #F6ADC5 #F9C5D6

#EC3670 - #F9C5D6

HSV Blend

#EC3670 - #F9C5D6 | 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 #EC3670 as 0% and #F9C5D6 as 100%.

0.0%	0.0% #EC3670	RGB 236 54 112	#EC3670
16.7%	16.7% #EE4C80	RGB 238 76 128	#EE4C80
33.3%	33.3% #F06491	RGB 240 100 145	#F06491
50.0%	50.0% #F27BA2	RGB 242 123 162	#F27BA2
66.7%	66.7% #F493B3	RGB 244 147 179	#F493B3
83.3%	83.3% #F6ACC4	RGB 246 172 196	#F6ACC4
100.0%	100.0% #F9C5D6	RGB 249 197 214	#F9C5D6

#EC3670 #EE4C80 #F06491 #F27BA2 #F493B3 #F6ACC4 #F9C5D6

#EC3670 - #F27BA2 - #F9C5D6

CSS codes

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

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