#EC65AC - #AC005F | 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 #EC65AC to #AC005F

#EC65AC #AC005F

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

#EC65AC - #AC005F | 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 #EC65AC as 0% and #AC005F as 100%.

0.0%	0.0% #EC65AC	RGB 236 101 172	#EC65AC
16.7%	16.7% #E1549F	RGB 225 84 159	#E1549F
33.3%	33.3% #D64392	RGB 214 67 146	#D64392
50.0%	50.0% #CC3285	RGB 204 50 133	#CC3285
66.7%	66.7% #C12178	RGB 193 33 120	#C12178
83.3%	83.3% #B6106B	RGB 182 16 107	#B6106B
100.0%	100.0% #AC005F	RGB 172 0 95	#AC005F

#EC65AC #E1549F #D64392 #CC3285 #C12178 #B6106B #AC005F

#EC65AC - #AC005F

HSV Blend

#EC65AC - #AC005F | 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 #EC65AC as 0% and #AC005F as 100%.

0.0%	0.0% #EC65AB	RGB 236 101 171	#EC65AB
16.7%	16.7% #E1509D	RGB 225 80 157	#E1509D
33.3%	33.3% #D63D8F	RGB 214 61 143	#D63D8F
50.0%	50.0% #CC2B82	RGB 204 43 130	#CC2B82
66.7%	66.7% #C11B75	RGB 193 27 117	#C11B75
83.3%	83.3% #B60D69	RGB 182 13 105	#B60D69
100.0%	100.0% #AC005F	RGB 172 0 95	#AC005F

#EC65AB #E1509D #D63D8F #CC2B82 #C11B75 #B60D69 #AC005F

#EC65AC - #CC2B82 - #AC005F

CSS codes

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

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