#A2AFB6 - #E5D9C6 | 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 #A2AFB6 to #E5D9C6

#A2AFB6 #E5D9C6

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

#A2AFB6 - #E5D9C6 | 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 #A2AFB6 as 0% and #E5D9C6 as 100%.

0.0%	0.0% #A2AFB6	RGB 162 175 182	#A2AFB6
16.7%	16.7% #ADB6B8	RGB 173 182 184	#ADB6B8
33.3%	33.3% #B8BDBB	RGB 184 189 187	#B8BDBB
50.0%	50.0% #C3C4BE	RGB 195 196 190	#C3C4BE
66.7%	66.7% #CECBC0	RGB 206 203 192	#CECBC0
83.3%	83.3% #D9D2C3	RGB 217 210 195	#D9D2C3
100.0%	100.0% #E5D9C6	RGB 229 217 198	#E5D9C6

#A2AFB6 #ADB6B8 #B8BDBB #C3C4BE #CECBC0 #D9D2C3 #E5D9C6

#A2AFB6 - #E5D9C6

HSV Blend

#A2AFB6 - #E5D9C6 | 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 #A2AFB6 as 0% and #E5D9C6 as 100%.

0.0%	0.0% #A2AFB6	RGB 162 175 182	#A2AFB6
16.7%	16.7% #A8BDBB	RGB 168 189 187	#A8BDBB
33.3%	33.3% #AEC5B8	RGB 174 197 184	#AEC5B8
50.0%	50.0% #B4CDB4	RGB 180 205 180	#B4CDB4
66.7%	66.7% #C7D5BA	RGB 199 213 186	#C7D5BA
83.3%	83.3% #DBDDC0	RGB 219 221 192	#DBDDC0
100.0%	100.0% #E5D9C6	RGB 229 217 198	#E5D9C6

#A2AFB6 #A8BDBB #AEC5B8 #B4CDB4 #C7D5BA #DBDDC0 #E5D9C6

#A2AFB6 - #B4CDB4 - #E5D9C6

CSS codes

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

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