#A6AA8D - #E5E6DE | 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 #A6AA8D to #E5E6DE

#A6AA8D #E5E6DE

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

#A6AA8D - #E5E6DE | 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 #A6AA8D as 0% and #E5E6DE as 100%.

0.0%	0.0% #A6AA8D	RGB 166 170 141	#A6AA8D
16.7%	16.7% #B0B49A	RGB 176 180 154	#B0B49A
33.3%	33.3% #BBBEA8	RGB 187 190 168	#BBBEA8
50.0%	50.0% #C5C8B5	RGB 197 200 181	#C5C8B5
66.7%	66.7% #D0D2C3	RGB 208 210 195	#D0D2C3
83.3%	83.3% #DADCD0	RGB 218 220 208	#DADCD0
100.0%	100.0% #E5E6DE	RGB 229 230 222	#E5E6DE

#A6AA8D #B0B49A #BBBEA8 #C5C8B5 #D0D2C3 #DADCD0 #E5E6DE

#A6AA8D - #E5E6DE

HSV Blend

#A6AA8D - #E5E6DE | 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 #A6AA8D as 0% and #E5E6DE as 100%.

0.0%	0.0% #A6AA8D	RGB 166 170 141	#A6AA8D
16.7%	16.7% #B0B499	RGB 176 180 153	#B0B499
33.3%	33.3% #BABEA6	RGB 186 190 166	#BABEA6
50.0%	50.0% #C5C8B3	RGB 197 200 179	#C5C8B3
66.7%	66.7% #CFD2C1	RGB 207 210 193	#CFD2C1
83.3%	83.3% #DADCCF	RGB 218 220 207	#DADCCF
100.0%	100.0% #E5E6DE	RGB 229 230 222	#E5E6DE

#A6AA8D #B0B499 #BABEA6 #C5C8B3 #CFD2C1 #DADCCF #E5E6DE

#A6AA8D - #C5C8B3 - #E5E6DE

CSS codes

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

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