#A6B2B7 - #E7DAC8 | 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 #A6B2B7 to #E7DAC8

#A6B2B7 #E7DAC8

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

#A6B2B7 - #E7DAC8 | 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 #A6B2B7 as 0% and #E7DAC8 as 100%.

0.0%	0.0% #A6B2B7	RGB 166 178 183	#A6B2B7
16.7%	16.7% #B0B8B9	RGB 176 184 185	#B0B8B9
33.3%	33.3% #BBBFBC	RGB 187 191 188	#BBBFBC
50.0%	50.0% #C6C6BF	RGB 198 198 191	#C6C6BF
66.7%	66.7% #D1CCC2	RGB 209 204 194	#D1CCC2
83.3%	83.3% #DCD3C5	RGB 220 211 197	#DCD3C5
100.0%	100.0% #E7DAC8	RGB 231 218 200	#E7DAC8

#A6B2B7 #B0B8B9 #BBBFBC #C6C6BF #D1CCC2 #DCD3C5 #E7DAC8

#A6B2B7 - #E7DAC8

HSV Blend

#A6B2B7 - #E7DAC8 | 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 #A6B2B7 as 0% and #E7DAC8 as 100%.

0.0%	0.0% #A6B2B7	RGB 166 178 183	#A6B2B7
16.7%	16.7% #ABBFBB	RGB 171 191 187	#ABBFBB
33.3%	33.3% #B1C7BA	RGB 177 199 186	#B1C7BA
50.0%	50.0% #B8CFB7	RGB 184 207 183	#B8CFB7
66.7%	66.7% #CAD7BD	RGB 202 215 189	#CAD7BD
83.3%	83.3% #DEDFC2	RGB 222 223 194	#DEDFC2
100.0%	100.0% #E7DAC8	RGB 231 218 200	#E7DAC8

#A6B2B7 #ABBFBB #B1C7BA #B8CFB7 #CAD7BD #DEDFC2 #E7DAC8

#A6B2B7 - #B8CFB7 - #E7DAC8

CSS codes

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

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