#8C7A5E - #EFED82 | 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 #8C7A5E to #EFED82

#8C7A5E #EFED82

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

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

0.0%	0.0% #8C7A5E	RGB 140 122 94	#8C7A5E
16.7%	16.7% #9C8D64	RGB 156 141 100	#9C8D64
33.3%	33.3% #ADA06A	RGB 173 160 106	#ADA06A
50.0%	50.0% #BDB370	RGB 189 179 112	#BDB370
66.7%	66.7% #CEC676	RGB 206 198 118	#CEC676
83.3%	83.3% #DED97C	RGB 222 217 124	#DED97C
100.0%	100.0% #EFED82	RGB 239 237 130	#EFED82

#8C7A5E #9C8D64 #ADA06A #BDB370 #CEC676 #DED97C #EFED82

#8C7A5E - #EFED82

HSV Blend

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

0.0%	0.0% #8C7A5E	RGB 140 122 94	#8C7A5E
16.7%	16.7% #9C8A65	RGB 156 138 101	#9C8A65
33.3%	33.3% #AD9B6C	RGB 173 155 108	#AD9B6C
50.0%	50.0% #BDAE73	RGB 189 174 115	#BDAE73
66.7%	66.7% #CEC178	RGB 206 193 120	#CEC178
83.3%	83.3% #DED67D	RGB 222 214 125	#DED67D
100.0%	100.0% #EFED82	RGB 239 237 130	#EFED82

#8C7A5E #9C8A65 #AD9B6C #BDAE73 #CEC178 #DED67D #EFED82

#8C7A5E - #BDAE73 - #EFED82

CSS codes

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

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