#8A8D59 - #EDCF7E | 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 #8A8D59 to #EDCF7E

#8A8D59 #EDCF7E

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

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

0.0%	0.0% #8A8D59	RGB 138 141 89	#8A8D59
16.7%	16.7% #9A985F	RGB 154 152 95	#9A985F
33.3%	33.3% #ABA365	RGB 171 163 101	#ABA365
50.0%	50.0% #BBAE6B	RGB 187 174 107	#BBAE6B
66.7%	66.7% #CCB971	RGB 204 185 113	#CCB971
83.3%	83.3% #DCC477	RGB 220 196 119	#DCC477
100.0%	100.0% #EDCF7E	RGB 237 207 126	#EDCF7E

#8A8D59 #9A985F #ABA365 #BBAE6B #CCB971 #DCC477 #EDCF7E

#8A8D59 - #EDCF7E

HSV Blend

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

0.0%	0.0% #8A8D59	RGB 138 141 89	#8A8D59
16.7%	16.7% #9C9D60	RGB 156 157 96	#9C9D60
33.3%	33.3% #ADA967	RGB 173 169 103	#ADA967
50.0%	50.0% #BDB46D	RGB 189 180 109	#BDB46D
66.7%	66.7% #CDBE73	RGB 205 190 115	#CDBE73
83.3%	83.3% #DDC779	RGB 221 199 121	#DDC779
100.0%	100.0% #EDCF7E	RGB 237 207 126	#EDCF7E

#8A8D59 #9C9D60 #ADA967 #BDB46D #CDBE73 #DDC779 #EDCF7E

#8A8D59 - #BDB46D - #EDCF7E

CSS codes

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

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