#AAB9C5 - #E4DCCF | 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 #AAB9C5 to #E4DCCF

#AAB9C5 #E4DCCF

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

#AAB9C5 - #E4DCCF | 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 #AAB9C5 as 0% and #E4DCCF as 100%.

0.0%	0.0% #AAB9C5	RGB 170 185 197	#AAB9C5
16.7%	16.7% #B3BEC6	RGB 179 190 198	#B3BEC6
33.3%	33.3% #BDC4C8	RGB 189 196 200	#BDC4C8
50.0%	50.0% #C7CACA	RGB 199 202 202	#C7CACA
66.7%	66.7% #D0D0CB	RGB 208 208 203	#D0D0CB
83.3%	83.3% #DAD6CD	RGB 218 214 205	#DAD6CD
100.0%	100.0% #E4DCCF	RGB 228 220 207	#E4DCCF

#AAB9C5 #B3BEC6 #BDC4C8 #C7CACA #D0D0CB #DAD6CD #E4DCCF

#AAB9C5 - #E4DCCF

HSV Blend

#AAB9C5 - #E4DCCF | 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 #AAB9C5 as 0% and #E4DCCF as 100%.

0.0%	0.0% #AAB9C5	RGB 170 185 197	#AAB9C5
16.7%	16.7% #AFCAC9	RGB 175 202 201	#AFCAC9
33.3%	33.3% #B6CFC2	RGB 182 207 194	#B6CFC2
50.0%	50.0% #BCD4BC	RGB 188 212 188	#BCD4BC
66.7%	66.7% #CCD9C2	RGB 204 217 194	#CCD9C2
83.3%	83.3% #DCDEC8	RGB 220 222 200	#DCDEC8
100.0%	100.0% #E4DCCF	RGB 228 220 207	#E4DCCF

#AAB9C5 #AFCAC9 #B6CFC2 #BCD4BC #CCD9C2 #DCDEC8 #E4DCCF

#AAB9C5 - #BCD4BC - #E4DCCF

CSS codes

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

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