#5E702C - #D6B955 | 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 #5E702C to #D6B955

#5E702C #D6B955

Calculate the color between two colors, #5E702C and #D6B955. 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)

#5E702C - #D6B955 | 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 #5E702C as 0% and #D6B955 as 100%.

0.0%	0.0% #5E702C	RGB 94 112 44	#5E702C
16.7%	16.7% #727C32	RGB 114 124 50	#727C32
33.3%	33.3% #868839	RGB 134 136 57	#868839
50.0%	50.0% #9A9440	RGB 154 148 64	#9A9440
66.7%	66.7% #AEA047	RGB 174 160 71	#AEA047
83.3%	83.3% #C2AC4E	RGB 194 172 78	#C2AC4E
100.0%	100.0% #D6B955	RGB 214 185 85	#D6B955

#5E702C #727C32 #868839 #9A9440 #AEA047 #C2AC4E #D6B955

#5E702C - #D6B955

HSV Blend

#5E702C - #D6B955 | 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 #5E702C as 0% and #D6B955 as 100%.

0.0%	0.0% #5E702C	RGB 94 112 44	#5E702C
16.7%	16.7% #728132	RGB 114 129 50	#728132
33.3%	33.3% #899239	RGB 137 146 57	#899239
50.0%	50.0% #A1A340	RGB 161 163 64	#A1A340
66.7%	66.7% #B4AD47	RGB 180 173 71	#B4AD47
83.3%	83.3% #C5B34E	RGB 197 179 78	#C5B34E
100.0%	100.0% #D6B955	RGB 214 185 85	#D6B955

#5E702C #728132 #899239 #A1A340 #B4AD47 #C5B34E #D6B955

#5E702C - #A1A340 - #D6B955

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E702C 0%, #A1A340 50%, #D6B955 100%);
    background: -webkit-linear-gradient(top, #5E702C 0%, #A1A340 50%, #D6B955 100%);
    background: linear-gradient(to bottom, #5E702C 0%, #A1A340 50%, #D6B955 100%);
}
</style>