#AAADAA - #D2B7E0 | 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 #AAADAA to #D2B7E0

#AAADAA #D2B7E0

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

#AAADAA - #D2B7E0 | 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 #AAADAA as 0% and #D2B7E0 as 100%.

0.0%	0.0% #AAADAA	RGB 170 173 170	#AAADAA
16.7%	16.7% #B0AEB3	RGB 176 174 179	#B0AEB3
33.3%	33.3% #B7B0BC	RGB 183 176 188	#B7B0BC
50.0%	50.0% #BEB2C5	RGB 190 178 197	#BEB2C5
66.7%	66.7% #C4B3CE	RGB 196 179 206	#C4B3CE
83.3%	83.3% #CBB5D7	RGB 203 181 215	#CBB5D7
100.0%	100.0% #D2B7E0	RGB 210 183 224	#D2B7E0

#AAADAA #B0AEB3 #B7B0BC #BEB2C5 #C4B3CE #CBB5D7 #D2B7E0

#AAADAA - #D2B7E0

HSV Blend

#AAADAA - #D2B7E0 | 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 #AAADAA as 0% and #D2B7E0 as 100%.

0.0%	0.0% #AAADAA	RGB 170 173 170	#AAADAA
16.7%	16.7% #ADB5B0	RGB 173 181 176	#ADB5B0
33.3%	33.3% #B0BEBC	RGB 176 190 188	#B0BEBC
50.0%	50.0% #B2BFC6	RGB 178 191 198	#B2BFC6
66.7%	66.7% #B4BACF	RGB 180 186 207	#B4BACF
83.3%	83.3% #BDB6D7	RGB 189 182 215	#BDB6D7
100.0%	100.0% #D2B7E0	RGB 210 183 224	#D2B7E0

#AAADAA #ADB5B0 #B0BEBC #B2BFC6 #B4BACF #BDB6D7 #D2B7E0

#AAADAA - #B2BFC6 - #D2B7E0

CSS codes

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

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