#5E8455 - #DCC976 | 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 #5E8455 to #DCC976

#5E8455 #DCC976

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

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

0.0%	0.0% #5E8455	RGB 94 132 85	#5E8455
16.7%	16.7% #738F5A	RGB 115 143 90	#738F5A
33.3%	33.3% #889B60	RGB 136 155 96	#889B60
50.0%	50.0% #9DA665	RGB 157 166 101	#9DA665
66.7%	66.7% #B2B26B	RGB 178 178 107	#B2B26B
83.3%	83.3% #C7BD70	RGB 199 189 112	#C7BD70
100.0%	100.0% #DCC976	RGB 220 201 118	#DCC976

#5E8455 #738F5A #889B60 #9DA665 #B2B26B #C7BD70 #DCC976

#5E8455 - #DCC976

HSV Blend

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

0.0%	0.0% #5E8455	RGB 94 132 85	#5E8455
16.7%	16.7% #6F925B	RGB 111 146 91	#6F925B
33.3%	33.3% #83A162	RGB 131 161 98	#83A162
50.0%	50.0% #99B067	RGB 153 176 103	#99B067
66.7%	66.7% #B2BE6D	RGB 178 190 109	#B2BE6D
83.3%	83.3% #CDCB71	RGB 205 203 113	#CDCB71
100.0%	100.0% #DCC976	RGB 220 201 118	#DCC976

#5E8455 #6F925B #83A162 #99B067 #B2BE6D #CDCB71 #DCC976

#5E8455 - #99B067 - #DCC976

CSS codes

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

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