#366131 - #ADAC6B | 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 #366131 to #ADAC6B

#366131 #ADAC6B

Calculate the color between two colors, #366131 and #ADAC6B. 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)

#366131 - #ADAC6B | 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 #366131 as 0% and #ADAC6B as 100%.

0.0%	0.0% #366131	RGB 54 97 49	#366131
16.7%	16.7% #496D3A	RGB 73 109 58	#496D3A
33.3%	33.3% #5D7A44	RGB 93 122 68	#5D7A44
50.0%	50.0% #71864E	RGB 113 134 78	#71864E
66.7%	66.7% #859357	RGB 133 147 87	#859357
83.3%	83.3% #999F61	RGB 153 159 97	#999F61
100.0%	100.0% #ADAC6B	RGB 173 172 107	#ADAC6B

#366131 #496D3A #5D7A44 #71864E #859357 #999F61 #ADAC6B

#366131 - #ADAC6B

HSV Blend

#366131 - #ADAC6B | 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 #366131 as 0% and #ADAC6B as 100%.

0.0%	0.0% #366131	RGB 54 97 49	#366131
16.7%	16.7% #466D39	RGB 70 109 57	#466D39
33.3%	33.3% #597A42	RGB 89 122 66	#597A42
50.0%	50.0% #6C874B	RGB 108 135 75	#6C874B
66.7%	66.7% #819355	RGB 129 147 85	#819355
83.3%	83.3% #97A060	RGB 151 160 96	#97A060
100.0%	100.0% #ADAC6B	RGB 173 172 107	#ADAC6B

#366131 #466D39 #597A42 #6C874B #819355 #97A060 #ADAC6B

#366131 - #6C874B - #ADAC6B

CSS codes

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

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