#A2B0BB - #E3D9C8 | 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 #A2B0BB to #E3D9C8

#A2B0BB #E3D9C8

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

#A2B0BB - #E3D9C8 | 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 #A2B0BB as 0% and #E3D9C8 as 100%.

0.0%	0.0% #A2B0BB	RGB 162 176 187	#A2B0BB
16.7%	16.7% #ACB6BD	RGB 172 182 189	#ACB6BD
33.3%	33.3% #B7BDBF	RGB 183 189 191	#B7BDBF
50.0%	50.0% #C2C4C1	RGB 194 196 193	#C2C4C1
66.7%	66.7% #CDCBC3	RGB 205 203 195	#CDCBC3
83.3%	83.3% #D8D2C5	RGB 216 210 197	#D8D2C5
100.0%	100.0% #E3D9C8	RGB 227 217 200	#E3D9C8

#A2B0BB #ACB6BD #B7BDBF #C2C4C1 #CDCBC3 #D8D2C5 #E3D9C8

#A2B0BB - #E3D9C8

HSV Blend

#A2B0BB - #E3D9C8 | 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 #A2B0BB as 0% and #E3D9C8 as 100%.

0.0%	0.0% #A2B0BB	RGB 162 176 187	#A2B0BB
16.7%	16.7% #A8C1C0	RGB 168 193 192	#A8C1C0
33.3%	33.3% #AEC8BB	RGB 174 200 187	#AEC8BB
50.0%	50.0% #B4CFB5	RGB 180 207 181	#B4CFB5
66.7%	66.7% #C6D5BB	RGB 198 213 187	#C6D5BB
83.3%	83.3% #D9DCC1	RGB 217 220 193	#D9DCC1
100.0%	100.0% #E3D9C8	RGB 227 217 200	#E3D9C8

#A2B0BB #A8C1C0 #AEC8BB #B4CFB5 #C6D5BB #D9DCC1 #E3D9C8

#A2B0BB - #B4CFB5 - #E3D9C8

CSS codes

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

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