#EC5AC3 - #AA007A | 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 #EC5AC3 to #AA007A

#EC5AC3 #AA007A

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

#EC5AC3 - #AA007A | 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 #EC5AC3 as 0% and #AA007A as 100%.

0.0%	0.0% #EC5AC3	RGB 236 90 195	#EC5AC3
16.7%	16.7% #E14BB6	RGB 225 75 182	#E14BB6
33.3%	33.3% #D63CAA	RGB 214 60 170	#D63CAA
50.0%	50.0% #CB2D9E	RGB 203 45 158	#CB2D9E
66.7%	66.7% #C01D92	RGB 192 29 146	#C01D92
83.3%	83.3% #B50F86	RGB 181 15 134	#B50F86
100.0%	100.0% #AA007A	RGB 170 0 122	#AA007A

#EC5AC3 #E14BB6 #D63CAA #CB2D9E #C01D92 #B50F86 #AA007A

#EC5AC3 - #AA007A

HSV Blend

#EC5AC3 - #AA007A | 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 #EC5AC3 as 0% and #AA007A as 100%.

0.0%	0.0% #EC5AC3	RGB 236 90 195	#EC5AC3
16.7%	16.7% #E147B5	RGB 225 71 181	#E147B5
33.3%	33.3% #D636A9	RGB 214 54 169	#D636A9
50.0%	50.0% #CB269C	RGB 203 38 156	#CB269C
66.7%	66.7% #C01890	RGB 192 24 144	#C01890
83.3%	83.3% #B50B85	RGB 181 11 133	#B50B85
100.0%	100.0% #AA007A	RGB 170 0 122	#AA007A

#EC5AC3 #E147B5 #D636A9 #CB269C #C01890 #B50B85 #AA007A

#EC5AC3 - #CB269C - #AA007A

CSS codes

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

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