#FF2ECA - #FFAAC2 | 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 #FF2ECA to #FFAAC2

#FF2ECA #FFAAC2

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

#FF2ECA - #FFAAC2 | 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 #FF2ECA as 0% and #FFAAC2 as 100%.

0.0%	0.0% #FF2ECA	RGB 255 46 202	#FF2ECA
16.7%	16.7% #FF42C8	RGB 255 66 200	#FF42C8
33.3%	33.3% #FF57C7	RGB 255 87 199	#FF57C7
50.0%	50.0% #FF6CC6	RGB 255 108 198	#FF6CC6
66.7%	66.7% #FF80C4	RGB 255 128 196	#FF80C4
83.3%	83.3% #FF95C3	RGB 255 149 195	#FF95C3
100.0%	100.0% #FFAAC2	RGB 255 170 194	#FFAAC2

#FF2ECA #FF42C8 #FF57C7 #FF6CC6 #FF80C4 #FF95C3 #FFAAC2

#FF2ECA - #FFAAC2

HSV Blend

#FF2ECA - #FFAAC2 | 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 #FF2ECA as 0% and #FFAAC2 as 100%.

0.0%	0.0% #FF2DCA	RGB 255 45 202	#FF2DCA
16.7%	16.7% #FF42C0	RGB 255 66 192	#FF42C0
33.3%	33.3% #FF57BA	RGB 255 87 186	#FF57BA
50.0%	50.0% #FF6BB7	RGB 255 107 183	#FF6BB7
66.7%	66.7% #FF80B7	RGB 255 128 183	#FF80B7
83.3%	83.3% #FF95BB	RGB 255 149 187	#FF95BB
100.0%	100.0% #FFAAC2	RGB 255 170 194	#FFAAC2

#FF2DCA #FF42C0 #FF57BA #FF6BB7 #FF80B7 #FF95BB #FFAAC2

#FF2ECA - #FF6BB7 - #FFAAC2

CSS codes

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

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