#AA808C - #E6DADD | 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 #AA808C to #E6DADD

#AA808C #E6DADD

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

#AA808C - #E6DADD | 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 #AA808C as 0% and #E6DADD as 100%.

0.0%	0.0% #AA808C	RGB 170 128 140	#AA808C
16.7%	16.7% #B48F99	RGB 180 143 153	#B48F99
33.3%	33.3% #BE9EA7	RGB 190 158 167	#BE9EA7
50.0%	50.0% #C8ADB4	RGB 200 173 180	#C8ADB4
66.7%	66.7% #D2BCC2	RGB 210 188 194	#D2BCC2
83.3%	83.3% #DCCBCF	RGB 220 203 207	#DCCBCF
100.0%	100.0% #E6DADD	RGB 230 218 221	#E6DADD

#AA808C #B48F99 #BE9EA7 #C8ADB4 #D2BCC2 #DCCBCF #E6DADD

#AA808C - #E6DADD

HSV Blend

#AA808C - #E6DADD | 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 #AA808C as 0% and #E6DADD as 100%.

0.0%	0.0% #AA808C	RGB 170 128 140	#AA808C
16.7%	16.7% #B48D98	RGB 180 141 152	#B48D98
33.3%	33.3% #BE9BA4	RGB 190 155 164	#BE9BA4
50.0%	50.0% #C8AAB2	RGB 200 170 178	#C8AAB2
66.7%	66.7% #D2B9BF	RGB 210 185 191	#D2B9BF
83.3%	83.3% #DCC9CE	RGB 220 201 206	#DCC9CE
100.0%	100.0% #E6DADD	RGB 230 218 221	#E6DADD

#AA808C #B48D98 #BE9BA4 #C8AAB2 #D2B9BF #DCC9CE #E6DADD

#AA808C - #C8AAB2 - #E6DADD

CSS codes

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

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