#AA7A8A - #E6D9DD | 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 #AA7A8A to #E6D9DD

#AA7A8A #E6D9DD

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

#AA7A8A - #E6D9DD | 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 #AA7A8A as 0% and #E6D9DD as 100%.

0.0%	0.0% #AA7A8A	RGB 170 122 138	#AA7A8A
16.7%	16.7% #B48997	RGB 180 137 151	#B48997
33.3%	33.3% #BE99A5	RGB 190 153 165	#BE99A5
50.0%	50.0% #C8A9B3	RGB 200 169 179	#C8A9B3
66.7%	66.7% #D2B9C1	RGB 210 185 193	#D2B9C1
83.3%	83.3% #DCC9CF	RGB 220 201 207	#DCC9CF
100.0%	100.0% #E6D9DD	RGB 230 217 221	#E6D9DD

#AA7A8A #B48997 #BE99A5 #C8A9B3 #D2B9C1 #DCC9CF #E6D9DD

#AA7A8A - #E6D9DD

HSV Blend

#AA7A8A - #E6D9DD | 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 #AA7A8A as 0% and #E6D9DD as 100%.

0.0%	0.0% #AA7A8A	RGB 170 122 138	#AA7A8A
16.7%	16.7% #B48796	RGB 180 135 150	#B48796
33.3%	33.3% #BE96A3	RGB 190 150 163	#BE96A3
50.0%	50.0% #C8A6B0	RGB 200 166 176	#C8A6B0
66.7%	66.7% #D2B6BF	RGB 210 182 191	#D2B6BF
83.3%	83.3% #DCC7CD	RGB 220 199 205	#DCC7CD
100.0%	100.0% #E6D9DD	RGB 230 217 221	#E6D9DD

#AA7A8A #B48796 #BE96A3 #C8A6B0 #D2B6BF #DCC7CD #E6D9DD

#AA7A8A - #C8A6B0 - #E6D9DD

CSS codes

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

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