#AABAA1 - #DDC4B2 | 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 #AABAA1 to #DDC4B2

#AABAA1 #DDC4B2

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

#AABAA1 - #DDC4B2 | 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 #AABAA1 as 0% and #DDC4B2 as 100%.

0.0%	0.0% #AABAA1	RGB 170 186 161	#AABAA1
16.7%	16.7% #B2BBA3	RGB 178 187 163	#B2BBA3
33.3%	33.3% #BBBDA6	RGB 187 189 166	#BBBDA6
50.0%	50.0% #C3BFA9	RGB 195 191 169	#C3BFA9
66.7%	66.7% #CCC0AC	RGB 204 192 172	#CCC0AC
83.3%	83.3% #D4C2AF	RGB 212 194 175	#D4C2AF
100.0%	100.0% #DDC4B2	RGB 221 196 178	#DDC4B2

#AABAA1 #B2BBA3 #BBBDA6 #C3BFA9 #CCC0AC #D4C2AF #DDC4B2

#AABAA1 - #DDC4B2

HSV Blend

#AABAA1 - #DDC4B2 | 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 #AABAA1 as 0% and #DDC4B2 as 100%.

0.0%	0.0% #AABAA1	RGB 170 186 161	#AABAA1
16.7%	16.7% #B3BFA4	RGB 179 191 164	#B3BFA4
33.3%	33.3% #BEC5A7	RGB 190 197 167	#BEC5A7
50.0%	50.0% #CACBAA	RGB 202 203 170	#CACBAA
66.7%	66.7% #D1CAAC	RGB 209 202 172	#D1CAAC
83.3%	83.3% #D7C8AF	RGB 215 200 175	#D7C8AF
100.0%	100.0% #DDC4B2	RGB 221 196 178	#DDC4B2

#AABAA1 #B3BFA4 #BEC5A7 #CACBAA #D1CAAC #D7C8AF #DDC4B2

#AABAA1 - #CACBAA - #DDC4B2

CSS codes

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

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