#5E7C3C - #DDC463 | 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 #5E7C3C to #DDC463

#5E7C3C #DDC463

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

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

0.0%	0.0% #5E7C3C	RGB 94 124 60	#5E7C3C
16.7%	16.7% #738842	RGB 115 136 66	#738842
33.3%	33.3% #889449	RGB 136 148 73	#889449
50.0%	50.0% #9DA04F	RGB 157 160 79	#9DA04F
66.7%	66.7% #B2AC56	RGB 178 172 86	#B2AC56
83.3%	83.3% #C7B85C	RGB 199 184 92	#C7B85C
100.0%	100.0% #DDC463	RGB 221 196 99	#DDC463

#5E7C3C #738842 #889449 #9DA04F #B2AC56 #C7B85C #DDC463

#5E7C3C - #DDC463

HSV Blend

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

0.0%	0.0% #5E7C3C	RGB 94 124 60	#5E7C3C
16.7%	16.7% #728C42	RGB 114 140 66	#728C42
33.3%	33.3% #889C49	RGB 136 156 73	#889C49
50.0%	50.0% #A0AC50	RGB 160 172 80	#A0AC50
66.7%	66.7% #BABC56	RGB 186 188 86	#BABC56
83.3%	83.3% #CCC25C	RGB 204 194 92	#CCC25C
100.0%	100.0% #DDC463	RGB 221 196 99	#DDC463

#5E7C3C #728C42 #889C49 #A0AC50 #BABC56 #CCC25C #DDC463

#5E7C3C - #A0AC50 - #DDC463

CSS codes

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

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