#AA367B - #E6C5D9 | 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 #AA367B to #E6C5D9

#AA367B #E6C5D9

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

#AA367B - #E6C5D9 | 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 #AA367B as 0% and #E6C5D9 as 100%.

0.0%	0.0% #AA367B	RGB 170 54 123	#AA367B
16.7%	16.7% #B44D8A	RGB 180 77 138	#B44D8A
33.3%	33.3% #BE659A	RGB 190 101 154	#BE659A
50.0%	50.0% #C87DAA	RGB 200 125 170	#C87DAA
66.7%	66.7% #D295B9	RGB 210 149 185	#D295B9
83.3%	83.3% #DCADC9	RGB 220 173 201	#DCADC9
100.0%	100.0% #E6C5D9	RGB 230 197 217	#E6C5D9

#AA367B #B44D8A #BE659A #C87DAA #D295B9 #DCADC9 #E6C5D9

#AA367B - #E6C5D9

HSV Blend

#AA367B - #E6C5D9 | 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 #AA367B as 0% and #E6C5D9 as 100%.

0.0%	0.0% #AA367B	RGB 170 54 123	#AA367B
16.7%	16.7% #B44988	RGB 180 73 136	#B44988
33.3%	33.3% #BE5E97	RGB 190 94 151	#BE5E97
50.0%	50.0% #C875A7	RGB 200 117 167	#C875A7
66.7%	66.7% #D28EB7	RGB 210 142 183	#D28EB7
83.3%	83.3% #DCA8C7	RGB 220 168 199	#DCA8C7
100.0%	100.0% #E6C5D9	RGB 230 197 217	#E6C5D9

#AA367B #B44988 #BE5E97 #C875A7 #D28EB7 #DCA8C7 #E6C5D9

#AA367B - #C875A7 - #E6C5D9

CSS codes

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

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