#AAA8C0 - #FFDFC1 | 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 #AAA8C0 to #FFDFC1

#AAA8C0 #FFDFC1

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

#AAA8C0 - #FFDFC1 | 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 #AAA8C0 as 0% and #FFDFC1 as 100%.

0.0%	0.0% #AAA8C0	RGB 170 168 192	#AAA8C0
16.7%	16.7% #B8B1C0	RGB 184 177 192	#B8B1C0
33.3%	33.3% #C6BAC0	RGB 198 186 192	#C6BAC0
50.0%	50.0% #D4C3C0	RGB 212 195 192	#D4C3C0
66.7%	66.7% #E2CCC0	RGB 226 204 192	#E2CCC0
83.3%	83.3% #F0D5C0	RGB 240 213 192	#F0D5C0
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#AAA8C0 #B8B1C0 #C6BAC0 #D4C3C0 #E2CCC0 #F0D5C0 #FFDFC1

#AAA8C0 - #FFDFC1

HSV Blend

#AAA8C0 - #FFDFC1 | 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 #AAA8C0 as 0% and #FFDFC1 as 100%.

0.0%	0.0% #AAA8C0	RGB 170 168 192	#AAA8C0
16.7%	16.7% #BBADCA	RGB 187 173 202	#BBADCA
33.3%	33.3% #D0B1D5	RGB 208 177 213	#D0B1D5
50.0%	50.0% #DFB6D3	RGB 223 182 211	#DFB6D3
66.7%	66.7% #EABAC9	RGB 234 186 201	#EABAC9
83.3%	83.3% #F4C2BD	RGB 244 194 189	#F4C2BD
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#AAA8C0 #BBADCA #D0B1D5 #DFB6D3 #EABAC9 #F4C2BD #FFDFC1

#AAA8C0 - #DFB6D3 - #FFDFC1

CSS codes

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

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