#A2AFBB - #E2D8C8 | 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 #A2AFBB to #E2D8C8

#A2AFBB #E2D8C8

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

#A2AFBB - #E2D8C8 | 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 #A2AFBB as 0% and #E2D8C8 as 100%.

0.0%	0.0% #A2AFBB	RGB 162 175 187	#A2AFBB
16.7%	16.7% #ACB5BD	RGB 172 181 189	#ACB5BD
33.3%	33.3% #B7BCBF	RGB 183 188 191	#B7BCBF
50.0%	50.0% #C2C3C1	RGB 194 195 193	#C2C3C1
66.7%	66.7% #CCCAC3	RGB 204 202 195	#CCCAC3
83.3%	83.3% #D7D1C5	RGB 215 209 197	#D7D1C5
100.0%	100.0% #E2D8C8	RGB 226 216 200	#E2D8C8

#A2AFBB #ACB5BD #B7BCBF #C2C3C1 #CCCAC3 #D7D1C5 #E2D8C8

#A2AFBB - #E2D8C8

HSV Blend

#A2AFBB - #E2D8C8 | 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 #A2AFBB as 0% and #E2D8C8 as 100%.

0.0%	0.0% #A2AFBB	RGB 162 175 187	#A2AFBB
16.7%	16.7% #A8C1C1	RGB 168 193 193	#A8C1C1
33.3%	33.3% #AEC8BB	RGB 174 200 187	#AEC8BB
50.0%	50.0% #B4CEB6	RGB 180 206 182	#B4CEB6
66.7%	66.7% #C6D5BB	RGB 198 213 187	#C6D5BB
83.3%	83.3% #D9DBC1	RGB 217 219 193	#D9DBC1
100.0%	100.0% #E2D8C8	RGB 226 216 200	#E2D8C8

#A2AFBB #A8C1C1 #AEC8BB #B4CEB6 #C6D5BB #D9DBC1 #E2D8C8

#A2AFBB - #B4CEB6 - #E2D8C8

CSS codes

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

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