#EC4D95 - #9F004A | 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 #EC4D95 to #9F004A

#EC4D95 #9F004A

Calculate the color between two colors, #EC4D95 and #9F004A. 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)

#EC4D95 - #9F004A | 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 #EC4D95 as 0% and #9F004A as 100%.

0.0%	0.0% #EC4D95	RGB 236 77 149	#EC4D95
16.7%	16.7% #DF4088	RGB 223 64 136	#DF4088
33.3%	33.3% #D2337C	RGB 210 51 124	#D2337C
50.0%	50.0% #C5266F	RGB 197 38 111	#C5266F
66.7%	66.7% #B81963	RGB 184 25 99	#B81963
83.3%	83.3% #AB0C56	RGB 171 12 86	#AB0C56
100.0%	100.0% #9F004A	RGB 159 0 74	#9F004A

#EC4D95 #DF4088 #D2337C #C5266F #B81963 #AB0C56 #9F004A

#EC4D95 - #9F004A

HSV Blend

#EC4D95 - #9F004A | 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 #EC4D95 as 0% and #9F004A as 100%.

0.0%	0.0% #EC4D95	RGB 236 77 149	#EC4D95
16.7%	16.7% #DF3C86	RGB 223 60 134	#DF3C86
33.3%	33.3% #D22D78	RGB 210 45 120	#D22D78
50.0%	50.0% #C5206C	RGB 197 32 108	#C5206C
66.7%	66.7% #B8145F	RGB 184 20 95	#B8145F
83.3%	83.3% #AB0954	RGB 171 9 84	#AB0954
100.0%	100.0% #9F004A	RGB 159 0 74	#9F004A

#EC4D95 #DF3C86 #D22D78 #C5206C #B8145F #AB0954 #9F004A

#EC4D95 - #C5206C - #9F004A

CSS codes

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

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