#AAB8CC - #E2DDD3 | 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 #AAB8CC to #E2DDD3

#AAB8CC #E2DDD3

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

#AAB8CC - #E2DDD3 | 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 #AAB8CC as 0% and #E2DDD3 as 100%.

0.0%	0.0% #AAB8CC	RGB 170 184 204	#AAB8CC
16.7%	16.7% #B3BECD	RGB 179 190 205	#B3BECD
33.3%	33.3% #BCC4CE	RGB 188 196 206	#BCC4CE
50.0%	50.0% #C6CACF	RGB 198 202 207	#C6CACF
66.7%	66.7% #CFD0D0	RGB 207 208 208	#CFD0D0
83.3%	83.3% #D8D6D1	RGB 216 214 209	#D8D6D1
100.0%	100.0% #E2DDD3	RGB 226 221 211	#E2DDD3

#AAB8CC #B3BECD #BCC4CE #C6CACF #CFD0D0 #D8D6D1 #E2DDD3

#AAB8CC - #E2DDD3

HSV Blend

#AAB8CC - #E2DDD3 | 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 #AAB8CC as 0% and #E2DDD3 as 100%.

0.0%	0.0% #AAB8CC	RGB 170 184 204	#AAB8CC
16.7%	16.7% #B0CCCF	RGB 176 204 207	#B0CCCF
33.3%	33.3% #B7D3C8	RGB 183 211 200	#B7D3C8
50.0%	50.0% #BDD7C1	RGB 189 215 193	#BDD7C1
66.7%	66.7% #CCDAC4	RGB 204 218 196	#CCDAC4
83.3%	83.3% #DBDECB	RGB 219 222 203	#DBDECB
100.0%	100.0% #E2DDD3	RGB 226 221 211	#E2DDD3

#AAB8CC #B0CCCF #B7D3C8 #BDD7C1 #CCDAC4 #DBDECB #E2DDD3

#AAB8CC - #BDD7C1 - #E2DDD3

CSS codes

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

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