#A8AA55 - #E5E6CE | 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 #A8AA55 to #E5E6CE

#A8AA55 #E5E6CE

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

#A8AA55 - #E5E6CE | 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 #A8AA55 as 0% and #E5E6CE as 100%.

0.0%	0.0% #A8AA55	RGB 168 170 85	#A8AA55
16.7%	16.7% #B2B469	RGB 178 180 105	#B2B469
33.3%	33.3% #BCBE7D	RGB 188 190 125	#BCBE7D
50.0%	50.0% #C6C891	RGB 198 200 145	#C6C891
66.7%	66.7% #D0D2A5	RGB 208 210 165	#D0D2A5
83.3%	83.3% #DADCB9	RGB 218 220 185	#DADCB9
100.0%	100.0% #E5E6CE	RGB 229 230 206	#E5E6CE

#A8AA55 #B2B469 #BCBE7D #C6C891 #D0D2A5 #DADCB9 #E5E6CE

#A8AA55 - #E5E6CE

HSV Blend

#A8AA55 - #E5E6CE | 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 #A8AA55 as 0% and #E5E6CE as 100%.

0.0%	0.0% #A8AA55	RGB 168 170 85	#A8AA55
16.7%	16.7% #B1B465	RGB 177 180 101	#B1B465
33.3%	33.3% #BBBE78	RGB 187 190 120	#BBBE78
50.0%	50.0% #C6C88B	RGB 198 200 139	#C6C88B
66.7%	66.7% #D0D2A0	RGB 208 210 160	#D0D2A0
83.3%	83.3% #DADCB6	RGB 218 220 182	#DADCB6
100.0%	100.0% #E5E6CE	RGB 229 230 206	#E5E6CE

#A8AA55 #B1B465 #BBBE78 #C6C88B #D0D2A0 #DADCB6 #E5E6CE

#A8AA55 - #C6C88B - #E5E6CE

CSS codes

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

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