#AA9DA0 - #FCFFC3 | 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 #AA9DA0 to #FCFFC3

#AA9DA0 #FCFFC3

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

#AA9DA0 - #FCFFC3 | 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 #AA9DA0 as 0% and #FCFFC3 as 100%.

0.0%	0.0% #AA9DA0	RGB 170 157 160	#AA9DA0
16.7%	16.7% #B7ADA5	RGB 183 173 165	#B7ADA5
33.3%	33.3% #C5BDAB	RGB 197 189 171	#C5BDAB
50.0%	50.0% #D3CEB1	RGB 211 206 177	#D3CEB1
66.7%	66.7% #E0DEB7	RGB 224 222 183	#E0DEB7
83.3%	83.3% #EEEEBD	RGB 238 238 189	#EEEEBD
100.0%	100.0% #FCFFC3	RGB 252 255 195	#FCFFC3

#AA9DA0 #B7ADA5 #C5BDAB #D3CEB1 #E0DEB7 #EEEEBD #FCFFC3

#AA9DA0 - #FCFFC3

HSV Blend

#AA9DA0 - #FCFFC3 | 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 #AA9DA0 as 0% and #FCFFC3 as 100%.

0.0%	0.0% #AA9DA0	RGB 170 157 160	#AA9DA0
16.7%	16.7% #B8A5A5	RGB 184 165 165	#B8A5A5
33.3%	33.3% #C6B1AC	RGB 198 177 172	#C6B1AC
50.0%	50.0% #D4C0B3	RGB 212 192 179	#D4C0B3
66.7%	66.7% #E2D3B9	RGB 226 211 185	#E2D3B9
83.3%	83.3% #F0E8BE	RGB 240 232 190	#F0E8BE
100.0%	100.0% #FCFFC3	RGB 252 255 195	#FCFFC3

#AA9DA0 #B8A5A5 #C6B1AC #D4C0B3 #E2D3B9 #F0E8BE #FCFFC3

#AA9DA0 - #D4C0B3 - #FCFFC3

CSS codes

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

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