#868F5E - #ECD082 | 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 #868F5E to #ECD082

#868F5E #ECD082

Calculate the color between two colors, #868F5E and #ECD082. 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)

#868F5E - #ECD082 | 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 #868F5E as 0% and #ECD082 as 100%.

0.0%	0.0% #868F5E	RGB 134 143 94	#868F5E
16.7%	16.7% #979964	RGB 151 153 100	#979964
33.3%	33.3% #A8A46A	RGB 168 164 106	#A8A46A
50.0%	50.0% #B9AF70	RGB 185 175 112	#B9AF70
66.7%	66.7% #CABA76	RGB 202 186 118	#CABA76
83.3%	83.3% #DBC57C	RGB 219 197 124	#DBC57C
100.0%	100.0% #ECD082	RGB 236 208 130	#ECD082

#868F5E #979964 #A8A46A #B9AF70 #CABA76 #DBC57C #ECD082

#868F5E - #ECD082

HSV Blend

#868F5E - #ECD082 | 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 #868F5E as 0% and #ECD082 as 100%.

0.0%	0.0% #868F5E	RGB 134 143 94	#868F5E
16.7%	16.7% #989E65	RGB 152 158 101	#989E65
33.3%	33.3% #ABAE6C	RGB 171 174 108	#ABAE6C
50.0%	50.0% #BDBA72	RGB 189 186 114	#BDBA72
66.7%	66.7% #CDC378	RGB 205 195 120	#CDC378
83.3%	83.3% #DCCA7D	RGB 220 202 125	#DCCA7D
100.0%	100.0% #ECD082	RGB 236 208 130	#ECD082

#868F5E #989E65 #ABAE6C #BDBA72 #CDC378 #DCCA7D #ECD082

#868F5E - #BDBA72 - #ECD082

CSS codes

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

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