#5E6E45 - #CFB76B | 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 #5E6E45 to #CFB76B

#5E6E45 #CFB76B

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

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

0.0%	0.0% #5E6E45	RGB 94 110 69	#5E6E45
16.7%	16.7% #707A4B	RGB 112 122 75	#707A4B
33.3%	33.3% #838651	RGB 131 134 81	#838651
50.0%	50.0% #969258	RGB 150 146 88	#969258
66.7%	66.7% #A99E5E	RGB 169 158 94	#A99E5E
83.3%	83.3% #BCAA64	RGB 188 170 100	#BCAA64
100.0%	100.0% #CFB76B	RGB 207 183 107	#CFB76B

#5E6E45 #707A4B #838651 #969258 #A99E5E #BCAA64 #CFB76B

#5E6E45 - #CFB76B

HSV Blend

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

0.0%	0.0% #5E6E45	RGB 94 110 69	#5E6E45
16.7%	16.7% #707E4C	RGB 112 126 76	#707E4C
33.3%	33.3% #838E54	RGB 131 142 84	#838E54
50.0%	50.0% #999E5A	RGB 153 158 90	#999E5A
66.7%	66.7% #AEAC60	RGB 174 172 96	#AEAC60
83.3%	83.3% #BEB266	RGB 190 178 102	#BEB266
100.0%	100.0% #CFB76B	RGB 207 183 107	#CFB76B

#5E6E45 #707E4C #838E54 #999E5A #AEAC60 #BEB266 #CFB76B

#5E6E45 - #999E5A - #CFB76B

CSS codes

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

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