#3E641E - #BDB24B | 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 #3E641E to #BDB24B

#3E641E #BDB24B

Calculate the color between two colors, #3E641E and #BDB24B. 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)

#3E641E - #BDB24B | 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 #3E641E as 0% and #BDB24B as 100%.

0.0%	0.0% #3E641E	RGB 62 100 30	#3E641E
16.7%	16.7% #537125	RGB 83 113 37	#537125
33.3%	33.3% #687E2D	RGB 104 126 45	#687E2D
50.0%	50.0% #7D8B34	RGB 125 139 52	#7D8B34
66.7%	66.7% #92983C	RGB 146 152 60	#92983C
83.3%	83.3% #A7A543	RGB 167 165 67	#A7A543
100.0%	100.0% #BDB24B	RGB 189 178 75	#BDB24B

#3E641E #537125 #687E2D #7D8B34 #92983C #A7A543 #BDB24B

#3E641E - #BDB24B

HSV Blend

#3E641E - #BDB24B | 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 #3E641E as 0% and #BDB24B as 100%.

0.0%	0.0% #3E641E	RGB 62 100 30	#3E641E
16.7%	16.7% #507224	RGB 80 114 36	#507224
33.3%	33.3% #65812B	RGB 101 129 43	#65812B
50.0%	50.0% #7B9032	RGB 123 144 50	#7B9032
66.7%	66.7% #939F3A	RGB 147 159 58	#939F3A
83.3%	83.3% #ADAE42	RGB 173 174 66	#ADAE42
100.0%	100.0% #BDB24B	RGB 189 178 75	#BDB24B

#3E641E #507224 #65812B #7B9032 #939F3A #ADAE42 #BDB24B

#3E641E - #7B9032 - #BDB24B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E641E 0%, #7B9032 50%, #BDB24B 100%);
    background: -webkit-linear-gradient(top, #3E641E 0%, #7B9032 50%, #BDB24B 100%);
    background: linear-gradient(to bottom, #3E641E 0%, #7B9032 50%, #BDB24B 100%);
}
</style>