#A6AF6B - #E5E8D4 | 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 #A6AF6B to #E5E8D4

#A6AF6B #E5E8D4

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

#A6AF6B - #E5E8D4 | 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 #A6AF6B as 0% and #E5E8D4 as 100%.

0.0%	0.0% #A6AF6B	RGB 166 175 107	#A6AF6B
16.7%	16.7% #B0B87C	RGB 176 184 124	#B0B87C
33.3%	33.3% #BBC28E	RGB 187 194 142	#BBC28E
50.0%	50.0% #C5CB9F	RGB 197 203 159	#C5CB9F
66.7%	66.7% #D0D5B1	RGB 208 213 177	#D0D5B1
83.3%	83.3% #DADEC2	RGB 218 222 194	#DADEC2
100.0%	100.0% #E5E8D4	RGB 229 232 212	#E5E8D4

#A6AF6B #B0B87C #BBC28E #C5CB9F #D0D5B1 #DADEC2 #E5E8D4

#A6AF6B - #E5E8D4

HSV Blend

#A6AF6B - #E5E8D4 | 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 #A6AF6B as 0% and #E5E8D4 as 100%.

0.0%	0.0% #A6AF6B	RGB 166 175 107	#A6AF6B
16.7%	16.7% #B0B87A	RGB 176 184 122	#B0B87A
33.3%	33.3% #BAC28A	RGB 186 194 138	#BAC28A
50.0%	50.0% #C4CB9B	RGB 196 203 155	#C4CB9B
66.7%	66.7% #CFD5AD	RGB 207 213 173	#CFD5AD
83.3%	83.3% #DADEC0	RGB 218 222 192	#DADEC0
100.0%	100.0% #E5E8D4	RGB 229 232 212	#E5E8D4

#A6AF6B #B0B87A #BAC28A #C4CB9B #CFD5AD #DADEC0 #E5E8D4

#A6AF6B - #C4CB9B - #E5E8D4

CSS codes

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

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