#EC5EB1 - #A4096C | 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 #EC5EB1 to #A4096C

#EC5EB1 #A4096C

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

#EC5EB1 - #A4096C | 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 #EC5EB1 as 0% and #A4096C as 100%.

0.0%	0.0% #EC5EB1	RGB 236 94 177	#EC5EB1
16.7%	16.7% #E04FA5	RGB 224 79 165	#E04FA5
33.3%	33.3% #D4419A	RGB 212 65 154	#D4419A
50.0%	50.0% #C8338E	RGB 200 51 142	#C8338E
66.7%	66.7% #BC2583	RGB 188 37 131	#BC2583
83.3%	83.3% #B01777	RGB 176 23 119	#B01777
100.0%	100.0% #A4096C	RGB 164 9 108	#A4096C

#EC5EB1 #E04FA5 #D4419A #C8338E #BC2583 #B01777 #A4096C

#EC5EB1 - #A4096C

HSV Blend

#EC5EB1 - #A4096C | 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 #EC5EB1 as 0% and #A4096C as 100%.

0.0%	0.0% #EC5EB1	RGB 236 94 177	#EC5EB1
16.7%	16.7% #E04CA4	RGB 224 76 164	#E04CA4
33.3%	33.3% #D43C97	RGB 212 60 151	#D43C97
50.0%	50.0% #C82D8B	RGB 200 45 139	#C82D8B
66.7%	66.7% #BC1F80	RGB 188 31 128	#BC1F80
83.3%	83.3% #B01376	RGB 176 19 118	#B01376
100.0%	100.0% #A4096C	RGB 164 9 108	#A4096C

#EC5EB1 #E04CA4 #D43C97 #C82D8B #BC1F80 #B01376 #A4096C

#EC5EB1 - #C82D8B - #A4096C

CSS codes

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

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