#3E5E3E - #ADA963 | 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 #3E5E3E to #ADA963

#3E5E3E #ADA963

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

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

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #506A44	RGB 80 106 68	#506A44
33.3%	33.3% #63774A	RGB 99 119 74	#63774A
50.0%	50.0% #758350	RGB 117 131 80	#758350
66.7%	66.7% #889056	RGB 136 144 86	#889056
83.3%	83.3% #9A9C5C	RGB 154 156 92	#9A9C5C
100.0%	100.0% #ADA963	RGB 173 169 99	#ADA963

#3E5E3E #506A44 #63774A #758350 #889056 #9A9C5C #ADA963

#3E5E3E - #ADA963

HSV Blend

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

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #4B6B45	RGB 75 107 69	#4B6B45
33.3%	33.3% #5B784B	RGB 91 120 75	#5B784B
50.0%	50.0% #6D8552	RGB 109 133 82	#6D8552
66.7%	66.7% #819258	RGB 129 146 88	#819258
83.3%	83.3% #979F5D	RGB 151 159 93	#979F5D
100.0%	100.0% #ADA963	RGB 173 169 99	#ADA963

#3E5E3E #4B6B45 #5B784B #6D8552 #819258 #979F5D #ADA963

#3E5E3E - #6D8552 - #ADA963

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3E 0%, #6D8552 50%, #ADA963 100%);
    background: -webkit-linear-gradient(top, #3E5E3E 0%, #6D8552 50%, #ADA963 100%);
    background: linear-gradient(to bottom, #3E5E3E 0%, #6D8552 50%, #ADA963 100%);
}
</style>