#868D5C - #ECCF80 | 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 #868D5C to #ECCF80

#868D5C #ECCF80

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

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

0.0%	0.0% #868D5C	RGB 134 141 92	#868D5C
16.7%	16.7% #979862	RGB 151 152 98	#979862
33.3%	33.3% #A8A368	RGB 168 163 104	#A8A368
50.0%	50.0% #B9AE6E	RGB 185 174 110	#B9AE6E
66.7%	66.7% #CAB974	RGB 202 185 116	#CAB974
83.3%	83.3% #DBC47A	RGB 219 196 122	#DBC47A
100.0%	100.0% #ECCF80	RGB 236 207 128	#ECCF80

#868D5C #979862 #A8A368 #B9AE6E #CAB974 #DBC47A #ECCF80

#868D5C - #ECCF80

HSV Blend

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

0.0%	0.0% #868D5C	RGB 134 141 92	#868D5C
16.7%	16.7% #989C63	RGB 152 156 99	#989C63
33.3%	33.3% #ACAC6A	RGB 172 172 106	#ACAC6A
50.0%	50.0% #BCB770	RGB 188 183 112	#BCB770
66.7%	66.7% #CCC176	RGB 204 193 118	#CCC176
83.3%	83.3% #DCC87B	RGB 220 200 123	#DCC87B
100.0%	100.0% #ECCF80	RGB 236 207 128	#ECCF80

#868D5C #989C63 #ACAC6A #BCB770 #CCC176 #DCC87B #ECCF80

#868D5C - #BCB770 - #ECCF80

CSS codes

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

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