#AA697B - #E6D4D9 | 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 #AA697B to #E6D4D9

#AA697B #E6D4D9

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

#AA697B - #E6D4D9 | 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 #AA697B as 0% and #E6D4D9 as 100%.

0.0%	0.0% #AA697B	RGB 170 105 123	#AA697B
16.7%	16.7% #B47A8A	RGB 180 122 138	#B47A8A
33.3%	33.3% #BE8C9A	RGB 190 140 154	#BE8C9A
50.0%	50.0% #C89EAA	RGB 200 158 170	#C89EAA
66.7%	66.7% #D2B0B9	RGB 210 176 185	#D2B0B9
83.3%	83.3% #DCC2C9	RGB 220 194 201	#DCC2C9
100.0%	100.0% #E6D4D9	RGB 230 212 217	#E6D4D9

#AA697B #B47A8A #BE8C9A #C89EAA #D2B0B9 #DCC2C9 #E6D4D9

#AA697B - #E6D4D9

HSV Blend

#AA697B - #E6D4D9 | 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 #AA697B as 0% and #E6D4D9 as 100%.

0.0%	0.0% #AA697B	RGB 170 105 123	#AA697B
16.7%	16.7% #B47888	RGB 180 120 136	#B47888
33.3%	33.3% #BE8897	RGB 190 136 151	#BE8897
50.0%	50.0% #C899A6	RGB 200 153 166	#C899A6
66.7%	66.7% #D2ACB6	RGB 210 172 182	#D2ACB6
83.3%	83.3% #DCBFC7	RGB 220 191 199	#DCBFC7
100.0%	100.0% #E6D4D9	RGB 230 212 217	#E6D4D9

#AA697B #B47888 #BE8897 #C899A6 #D2ACB6 #DCBFC7 #E6D4D9

#AA697B - #C899A6 - #E6D4D9

CSS codes

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

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