#A8AAA6 - #E6DFB9 | 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 #A8AAA6 to #E6DFB9

#A8AAA6 #E6DFB9

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

#A8AAA6 - #E6DFB9 | 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 #A8AAA6 as 0% and #E6DFB9 as 100%.

0.0%	0.0% #A8AAA6	RGB 168 170 166	#A8AAA6
16.7%	16.7% #B2B2A9	RGB 178 178 169	#B2B2A9
33.3%	33.3% #BCBBAC	RGB 188 187 172	#BCBBAC
50.0%	50.0% #C7C4AF	RGB 199 196 175	#C7C4AF
66.7%	66.7% #D1CDB2	RGB 209 205 178	#D1CDB2
83.3%	83.3% #DBD6B5	RGB 219 214 181	#DBD6B5
100.0%	100.0% #E6DFB9	RGB 230 223 185	#E6DFB9

#A8AAA6 #B2B2A9 #BCBBAC #C7C4AF #D1CDB2 #DBD6B5 #E6DFB9

#A8AAA6 - #E6DFB9

HSV Blend

#A8AAA6 - #E6DFB9 | 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 #A8AAA6 as 0% and #E6DFB9 as 100%.

0.0%	0.0% #A8AAA6	RGB 168 170 166	#A8AAA6
16.7%	16.7% #B0B4AA	RGB 176 180 170	#B0B4AA
33.3%	33.3% #B9BEAE	RGB 185 190 174	#B9BEAE
50.0%	50.0% #C4C8B2	RGB 196 200 178	#C4C8B2
66.7%	66.7% #D0D2B4	RGB 208 210 180	#D0D2B4
83.3%	83.3% #DCDAB7	RGB 220 218 183	#DCDAB7
100.0%	100.0% #E6DFB9	RGB 230 223 185	#E6DFB9

#A8AAA6 #B0B4AA #B9BEAE #C4C8B2 #D0D2B4 #DCDAB7 #E6DFB9

#A8AAA6 - #C4C8B2 - #E6DFB9

CSS codes

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

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