#5E6945 - #CBB36C | 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 #5E6945 to #CBB36C

#5E6945 #CBB36C

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

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

0.0%	0.0% #5E6945	RGB 94 105 69	#5E6945
16.7%	16.7% #70754B	RGB 112 117 75	#70754B
33.3%	33.3% #828152	RGB 130 129 82	#828152
50.0%	50.0% #948E58	RGB 148 142 88	#948E58
66.7%	66.7% #A69A5F	RGB 166 154 95	#A69A5F
83.3%	83.3% #B8A665	RGB 184 166 101	#B8A665
100.0%	100.0% #CBB36C	RGB 203 179 108	#CBB36C

#5E6945 #70754B #828152 #948E58 #A69A5F #B8A665 #CBB36C

#5E6945 - #CBB36C

HSV Blend

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

0.0%	0.0% #5E6945	RGB 94 105 69	#5E6945
16.7%	16.7% #6F794D	RGB 111 121 77	#6F794D
33.3%	33.3% #838954	RGB 131 137 84	#838954
50.0%	50.0% #989A5B	RGB 152 154 91	#989A5B
66.7%	66.7% #AAA561	RGB 170 165 97	#AAA561
83.3%	83.3% #BAAD67	RGB 186 173 103	#BAAD67
100.0%	100.0% #CBB36C	RGB 203 179 108	#CBB36C

#5E6945 #6F794D #838954 #989A5B #AAA561 #BAAD67 #CBB36C

#5E6945 - #989A5B - #CBB36C

CSS codes

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

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