#A2BBC7 - #E6DDD1 | 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 #A2BBC7 to #E6DDD1

#A2BBC7 #E6DDD1

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

#A2BBC7 - #E6DDD1 | 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 #A2BBC7 as 0% and #E6DDD1 as 100%.

0.0%	0.0% #A2BBC7	RGB 162 187 199	#A2BBC7
16.7%	16.7% #ADC0C8	RGB 173 192 200	#ADC0C8
33.3%	33.3% #B8C6CA	RGB 184 198 202	#B8C6CA
50.0%	50.0% #C4CCCC	RGB 196 204 204	#C4CCCC
66.7%	66.7% #CFD1CD	RGB 207 209 205	#CFD1CD
83.3%	83.3% #DAD7CF	RGB 218 215 207	#DAD7CF
100.0%	100.0% #E6DDD1	RGB 230 221 209	#E6DDD1

#A2BBC7 #ADC0C8 #B8C6CA #C4CCCC #CFD1CD #DAD7CF #E6DDD1

#A2BBC7 - #E6DDD1

HSV Blend

#A2BBC7 - #E6DDD1 | 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 #A2BBC7 as 0% and #E6DDD1 as 100%.

0.0%	0.0% #A2BBC7	RGB 162 187 199	#A2BBC7
16.7%	16.7% #A9CCC7	RGB 169 204 199	#A9CCC7
33.3%	33.3% #B1D1BE	RGB 177 209 190	#B1D1BE
50.0%	50.0% #BAD6B8	RGB 186 214 184	#BAD6B8
66.7%	66.7% #CEDBC0	RGB 206 219 192	#CEDBC0
83.3%	83.3% #E0E0C8	RGB 224 224 200	#E0E0C8
100.0%	100.0% #E6DDD1	RGB 230 221 209	#E6DDD1

#A2BBC7 #A9CCC7 #B1D1BE #BAD6B8 #CEDBC0 #E0E0C8 #E6DDD1

#A2BBC7 - #BAD6B8 - #E6DDD1

CSS codes

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

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