#AAB9C4 - #E5DDCF | 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 #AAB9C4 to #E5DDCF

#AAB9C4 #E5DDCF

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

#AAB9C4 - #E5DDCF | 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 #AAB9C4 as 0% and #E5DDCF as 100%.

0.0%	0.0% #AAB9C4	RGB 170 185 196	#AAB9C4
16.7%	16.7% #B3BFC5	RGB 179 191 197	#B3BFC5
33.3%	33.3% #BDC5C7	RGB 189 197 199	#BDC5C7
50.0%	50.0% #C7CBC9	RGB 199 203 201	#C7CBC9
66.7%	66.7% #D1D1CB	RGB 209 209 203	#D1D1CB
83.3%	83.3% #DBD7CD	RGB 219 215 205	#DBD7CD
100.0%	100.0% #E5DDCF	RGB 229 221 207	#E5DDCF

#AAB9C4 #B3BFC5 #BDC5C7 #C7CBC9 #D1D1CB #DBD7CD #E5DDCF

#AAB9C4 - #E5DDCF

HSV Blend

#AAB9C4 - #E5DDCF | 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 #AAB9C4 as 0% and #E5DDCF as 100%.

0.0%	0.0% #AAB9C4	RGB 170 185 196	#AAB9C4
16.7%	16.7% #AFC9C8	RGB 175 201 200	#AFC9C8
33.3%	33.3% #B6CFC2	RGB 182 207 194	#B6CFC2
50.0%	50.0% #BCD4BC	RGB 188 212 188	#BCD4BC
66.7%	66.7% #CCDAC2	RGB 204 218 194	#CCDAC2
83.3%	83.3% #DDDFC8	RGB 221 223 200	#DDDFC8
100.0%	100.0% #E5DDCF	RGB 229 221 207	#E5DDCF

#AAB9C4 #AFC9C8 #B6CFC2 #BCD4BC #CCDAC2 #DDDFC8 #E5DDCF

#AAB9C4 - #BCD4BC - #E5DDCF

CSS codes

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

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