#A2B9AD - #E4EBE7 | 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 #A2B9AD to #E4EBE7

#A2B9AD #E4EBE7

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

#A2B9AD - #E4EBE7 | 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 #A2B9AD as 0% and #E4EBE7 as 100%.

0.0%	0.0% #A2B9AD	RGB 162 185 173	#A2B9AD
16.7%	16.7% #ADC1B6	RGB 173 193 182	#ADC1B6
33.3%	33.3% #B8C9C0	RGB 184 201 192	#B8C9C0
50.0%	50.0% #C3D2CA	RGB 195 210 202	#C3D2CA
66.7%	66.7% #CEDAD3	RGB 206 218 211	#CEDAD3
83.3%	83.3% #D9E2DD	RGB 217 226 221	#D9E2DD
100.0%	100.0% #E4EBE7	RGB 228 235 231	#E4EBE7

#A2B9AD #ADC1B6 #B8C9C0 #C3D2CA #CEDAD3 #D9E2DD #E4EBE7

#A2B9AD - #E4EBE7

HSV Blend

#A2B9AD - #E4EBE7 | 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 #A2B9AD as 0% and #E4EBE7 as 100%.

0.0%	0.0% #A2B9AD	RGB 162 185 173	#A2B9AD
16.7%	16.7% #ACC1B6	RGB 172 193 182	#ACC1B6
33.3%	33.3% #B6C9BF	RGB 182 201 191	#B6C9BF
50.0%	50.0% #C1D2C9	RGB 193 210 201	#C1D2C9
66.7%	66.7% #CCDAD2	RGB 204 218 210	#CCDAD2
83.3%	83.3% #D8E2DC	RGB 216 226 220	#D8E2DC
100.0%	100.0% #E4EBE7	RGB 228 235 231	#E4EBE7

#A2B9AD #ACC1B6 #B6C9BF #C1D2C9 #CCDAD2 #D8E2DC #E4EBE7

#A2B9AD - #C1D2C9 - #E4EBE7

CSS codes

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

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