#A7AF9F - #E6EDB9 | 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 #A7AF9F to #E6EDB9

#A7AF9F #E6EDB9

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

#A7AF9F - #E6EDB9 | 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 #A7AF9F as 0% and #E6EDB9 as 100%.

0.0%	0.0% #A7AF9F	RGB 167 175 159	#A7AF9F
16.7%	16.7% #B1B9A3	RGB 177 185 163	#B1B9A3
33.3%	33.3% #BCC3A7	RGB 188 195 167	#BCC3A7
50.0%	50.0% #C6CEAC	RGB 198 206 172	#C6CEAC
66.7%	66.7% #D1D8B0	RGB 209 216 176	#D1D8B0
83.3%	83.3% #DBE2B4	RGB 219 226 180	#DBE2B4
100.0%	100.0% #E6EDB9	RGB 230 237 185	#E6EDB9

#A7AF9F #B1B9A3 #BCC3A7 #C6CEAC #D1D8B0 #DBE2B4 #E6EDB9

#A7AF9F - #E6EDB9

HSV Blend

#A7AF9F - #E6EDB9 | 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 #A7AF9F as 0% and #E6EDB9 as 100%.

0.0%	0.0% #A7AF9F	RGB 167 175 159	#A7AF9F
16.7%	16.7% #B0B9A4	RGB 176 185 164	#B0B9A4
33.3%	33.3% #B9C3A9	RGB 185 195 169	#B9C3A9
50.0%	50.0% #C3CEAD	RGB 195 206 173	#C3CEAD
66.7%	66.7% #CED8B2	RGB 206 216 178	#CED8B2
83.3%	83.3% #D9E2B5	RGB 217 226 181	#D9E2B5
100.0%	100.0% #E6EDB9	RGB 230 237 185	#E6EDB9

#A7AF9F #B0B9A4 #B9C3A9 #C3CEAD #CED8B2 #D9E2B5 #E6EDB9

#A7AF9F - #C3CEAD - #E6EDB9

CSS codes

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

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