#AA4D6B - #E6CCD4 | 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 #AA4D6B to #E6CCD4

#AA4D6B #E6CCD4

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

#AA4D6B - #E6CCD4 | 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 #AA4D6B as 0% and #E6CCD4 as 100%.

0.0%	0.0% #AA4D6B	RGB 170 77 107	#AA4D6B
16.7%	16.7% #B4627C	RGB 180 98 124	#B4627C
33.3%	33.3% #BE778E	RGB 190 119 142	#BE778E
50.0%	50.0% #C88C9F	RGB 200 140 159	#C88C9F
66.7%	66.7% #D2A1B1	RGB 210 161 177	#D2A1B1
83.3%	83.3% #DCB6C2	RGB 220 182 194	#DCB6C2
100.0%	100.0% #E6CCD4	RGB 230 204 212	#E6CCD4

#AA4D6B #B4627C #BE778E #C88C9F #D2A1B1 #DCB6C2 #E6CCD4

#AA4D6B - #E6CCD4

HSV Blend

#AA4D6B - #E6CCD4 | 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 #AA4D6B as 0% and #E6CCD4 as 100%.

0.0%	0.0% #AA4D6B	RGB 170 77 107	#AA4D6B
16.7%	16.7% #B45E79	RGB 180 94 121	#B45E79
33.3%	33.3% #BE7189	RGB 190 113 137	#BE7189
50.0%	50.0% #C8859A	RGB 200 133 154	#C8859A
66.7%	66.7% #D29BAC	RGB 210 155 172	#D29BAC
83.3%	83.3% #DCB3BF	RGB 220 179 191	#DCB3BF
100.0%	100.0% #E6CCD4	RGB 230 204 212	#E6CCD4

#AA4D6B #B45E79 #BE7189 #C8859A #D29BAC #DCB3BF #E6CCD4

#AA4D6B - #C8859A - #E6CCD4

CSS codes

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

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