#AAAC9F - #D8C2E9 | 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 #AAAC9F to #D8C2E9

#AAAC9F #D8C2E9

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

#AAAC9F - #D8C2E9 | 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 #AAAC9F as 0% and #D8C2E9 as 100%.

0.0%	0.0% #AAAC9F	RGB 170 172 159	#AAAC9F
16.7%	16.7% #B1AFAB	RGB 177 175 171	#B1AFAB
33.3%	33.3% #B9B3B7	RGB 185 179 183	#B9B3B7
50.0%	50.0% #C1B7C4	RGB 193 183 196	#C1B7C4
66.7%	66.7% #C8BAD0	RGB 200 186 208	#C8BAD0
83.3%	83.3% #D0BEDC	RGB 208 190 220	#D0BEDC
100.0%	100.0% #D8C2E9	RGB 216 194 233	#D8C2E9

#AAAC9F #B1AFAB #B9B3B7 #C1B7C4 #C8BAD0 #D0BEDC #D8C2E9

#AAAC9F - #D8C2E9

HSV Blend

#AAAC9F - #D8C2E9 | 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 #AAAC9F as 0% and #D8C2E9 as 100%.

0.0%	0.0% #AAAC9F	RGB 170 172 159	#AAAC9F
16.7%	16.7% #B6B1A5	RGB 182 177 165	#B6B1A5
33.3%	33.3% #C0B1AB	RGB 192 177 171	#C0B1AB
50.0%	50.0% #CAB1B5	RGB 202 177 181	#CAB1B5
66.7%	66.7% #D4B7C8	RGB 212 183 200	#D4B7C8
83.3%	83.3% #DEBCDE	RGB 222 188 222	#DEBCDE
100.0%	100.0% #D8C2E9	RGB 216 194 233	#D8C2E9

#AAAC9F #B6B1A5 #C0B1AB #CAB1B5 #D4B7C8 #DEBCDE #D8C2E9

#AAAC9F - #CAB1B5 - #D8C2E9

CSS codes

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

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