#5E7229 - #D8BB52 | 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 #5E7229 to #D8BB52

#5E7229 #D8BB52

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

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

0.0%	0.0% #5E7229	RGB 94 114 41	#5E7229
16.7%	16.7% #727E2F	RGB 114 126 47	#727E2F
33.3%	33.3% #868A36	RGB 134 138 54	#868A36
50.0%	50.0% #9B963D	RGB 155 150 61	#9B963D
66.7%	66.7% #AFA244	RGB 175 162 68	#AFA244
83.3%	83.3% #C3AE4B	RGB 195 174 75	#C3AE4B
100.0%	100.0% #D8BB52	RGB 216 187 82	#D8BB52

#5E7229 #727E2F #868A36 #9B963D #AFA244 #C3AE4B #D8BB52

#5E7229 - #D8BB52

HSV Blend

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

0.0%	0.0% #5E7229	RGB 94 114 41	#5E7229
16.7%	16.7% #72832F	RGB 114 131 47	#72832F
33.3%	33.3% #899436	RGB 137 148 54	#899436
50.0%	50.0% #A2A53C	RGB 162 165 60	#A2A53C
66.7%	66.7% #B6AF43	RGB 182 175 67	#B6AF43
83.3%	83.3% #C7B64A	RGB 199 182 74	#C7B64A
100.0%	100.0% #D8BB52	RGB 216 187 82	#D8BB52

#5E7229 #72832F #899436 #A2A53C #B6AF43 #C7B64A #D8BB52

#5E7229 - #A2A53C - #D8BB52

CSS codes

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

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