#A3A9AC - #E5D6BF | 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 #A3A9AC to #E5D6BF

#A3A9AC #E5D6BF

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

#A3A9AC - #E5D6BF | 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 #A3A9AC as 0% and #E5D6BF as 100%.

0.0%	0.0% #A3A9AC	RGB 163 169 172	#A3A9AC
16.7%	16.7% #AEB0AF	RGB 174 176 175	#AEB0AF
33.3%	33.3% #B9B8B2	RGB 185 184 178	#B9B8B2
50.0%	50.0% #C4BFB5	RGB 196 191 181	#C4BFB5
66.7%	66.7% #CFC7B8	RGB 207 199 184	#CFC7B8
83.3%	83.3% #DACEBB	RGB 218 206 187	#DACEBB
100.0%	100.0% #E5D6BF	RGB 229 214 191	#E5D6BF

#A3A9AC #AEB0AF #B9B8B2 #C4BFB5 #CFC7B8 #DACEBB #E5D6BF

#A3A9AC - #E5D6BF

HSV Blend

#A3A9AC - #E5D6BF | 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 #A3A9AC as 0% and #E5D6BF as 100%.

0.0%	0.0% #A3A9AC	RGB 163 169 172	#A3A9AC
16.7%	16.7% #A8B5B3	RGB 168 181 179	#A8B5B3
33.3%	33.3% #ADBFB5	RGB 173 191 181	#ADBFB5
50.0%	50.0% #B3C8B2	RGB 179 200 178	#B3C8B2
66.7%	66.7% #C4D2B7	RGB 196 210 183	#C4D2B7
83.3%	83.3% #D9DBBB	RGB 217 219 187	#D9DBBB
100.0%	100.0% #E5D6BF	RGB 229 214 191	#E5D6BF

#A3A9AC #A8B5B3 #ADBFB5 #B3C8B2 #C4D2B7 #D9DBBB #E5D6BF

#A3A9AC - #B3C8B2 - #E5D6BF

CSS codes

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

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