#8A8C5D - #ECCE82 | 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 #8A8C5D to #ECCE82

#8A8C5D #ECCE82

Calculate the color between two colors, #8A8C5D and #ECCE82. 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)

#8A8C5D - #ECCE82 | 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 #8A8C5D as 0% and #ECCE82 as 100%.

0.0%	0.0% #8A8C5D	RGB 138 140 93	#8A8C5D
16.7%	16.7% #9A9763	RGB 154 151 99	#9A9763
33.3%	33.3% #AAA269	RGB 170 162 105	#AAA269
50.0%	50.0% #BBAD6F	RGB 187 173 111	#BBAD6F
66.7%	66.7% #CBB875	RGB 203 184 117	#CBB875
83.3%	83.3% #DBC37B	RGB 219 195 123	#DBC37B
100.0%	100.0% #ECCE82	RGB 236 206 130	#ECCE82

#8A8C5D #9A9763 #AAA269 #BBAD6F #CBB875 #DBC37B #ECCE82

#8A8C5D - #ECCE82

HSV Blend

#8A8C5D - #ECCE82 | 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 #8A8C5D as 0% and #ECCE82 as 100%.

0.0%	0.0% #8A8C5D	RGB 138 140 93	#8A8C5D
16.7%	16.7% #9C9B64	RGB 156 155 100	#9C9B64
33.3%	33.3% #ACA76B	RGB 172 167 107	#ACA76B
50.0%	50.0% #BCB372	RGB 188 179 114	#BCB372
66.7%	66.7% #CCBD78	RGB 204 189 120	#CCBD78
83.3%	83.3% #DCC67D	RGB 220 198 125	#DCC67D
100.0%	100.0% #ECCE82	RGB 236 206 130	#ECCE82

#8A8C5D #9C9B64 #ACA76B #BCB372 #CCBD78 #DCC67D #ECCE82

#8A8C5D - #BCB372 - #ECCE82

CSS codes

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

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