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

#A2BBC8 #E6DDD1

Calculate the color between two colors, #A2BBC8 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)

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

0.0%	0.0% #A2BBC8	RGB 162 187 200	#A2BBC8
16.7%	16.7% #ADC0C9	RGB 173 192 201	#ADC0C9
33.3%	33.3% #B8C6CB	RGB 184 198 203	#B8C6CB
50.0%	50.0% #C4CCCC	RGB 196 204 204	#C4CCCC
66.7%	66.7% #CFD1CE	RGB 207 209 206	#CFD1CE
83.3%	83.3% #DAD7CF	RGB 218 215 207	#DAD7CF
100.0%	100.0% #E6DDD1	RGB 230 221 209	#E6DDD1

#A2BBC8 #ADC0C9 #B8C6CB #C4CCCC #CFD1CE #DAD7CF #E6DDD1

#A2BBC8 - #E6DDD1

HSV Blend

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

0.0%	0.0% #A2BBC8	RGB 162 187 200	#A2BBC8
16.7%	16.7% #A9CDC8	RGB 169 205 200	#A9CDC8
33.3%	33.3% #B1D2BE	RGB 177 210 190	#B1D2BE
50.0%	50.0% #BAD7B8	RGB 186 215 184	#BAD7B8
66.7%	66.7% #CEDCC0	RGB 206 220 192	#CEDCC0
83.3%	83.3% #E0E1C8	RGB 224 225 200	#E0E1C8
100.0%	100.0% #E6DDD1	RGB 230 221 209	#E6DDD1

#A2BBC8 #A9CDC8 #B1D2BE #BAD7B8 #CEDCC0 #E0E1C8 #E6DDD1

#A2BBC8 - #BAD7B8 - #E6DDD1

CSS codes

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

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