#A1A19E - #FCD9AE | 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 #A1A19E to #FCD9AE

#A1A19E #FCD9AE

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

#A1A19E - #FCD9AE | 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 #A1A19E as 0% and #FCD9AE as 100%.

0.0%	0.0% #A1A19E	RGB 161 161 158	#A1A19E
16.7%	16.7% #B0AAA0	RGB 176 170 160	#B0AAA0
33.3%	33.3% #BFB3A3	RGB 191 179 163	#BFB3A3
50.0%	50.0% #CEBDA6	RGB 206 189 166	#CEBDA6
66.7%	66.7% #DDC6A8	RGB 221 198 168	#DDC6A8
83.3%	83.3% #ECCFAB	RGB 236 207 171	#ECCFAB
100.0%	100.0% #FCD9AE	RGB 252 217 174	#FCD9AE

#A1A19E #B0AAA0 #BFB3A3 #CEBDA6 #DDC6A8 #ECCFAB #FCD9AE

#A1A19E - #FCD9AE

HSV Blend

#A1A19E - #FCD9AE | 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 #A1A19E as 0% and #FCD9AE as 100%.

0.0%	0.0% #A1A19E	RGB 161 161 158	#A1A19E
16.7%	16.7% #B0AFA4	RGB 176 175 164	#B0AFA4
33.3%	33.3% #BFBCA9	RGB 191 188 169	#BFBCA9
50.0%	50.0% #CEC6AC	RGB 206 198 172	#CEC6AC
66.7%	66.7% #DDCFAE	RGB 221 207 174	#DDCFAE
83.3%	83.3% #ECD5AF	RGB 236 213 175	#ECD5AF
100.0%	100.0% #FCD9AE	RGB 252 217 174	#FCD9AE

#A1A19E #B0AFA4 #BFBCA9 #CEC6AC #DDCFAE #ECD5AF #FCD9AE

#A1A19E - #CEC6AC - #FCD9AE

CSS codes

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

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