#3E5E3D - #A59B6F | 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 #3E5E3D to #A59B6F

#3E5E3D #A59B6F

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

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

0.0%	0.0% #3E5E3D	RGB 62 94 61	#3E5E3D
16.7%	16.7% #4F6845	RGB 79 104 69	#4F6845
33.3%	33.3% #60724D	RGB 96 114 77	#60724D
50.0%	50.0% #717C56	RGB 113 124 86	#717C56
66.7%	66.7% #82865E	RGB 130 134 94	#82865E
83.3%	83.3% #939066	RGB 147 144 102	#939066
100.0%	100.0% #A59B6F	RGB 165 155 111	#A59B6F

#3E5E3D #4F6845 #60724D #717C56 #82865E #939066 #A59B6F

#3E5E3D - #A59B6F

HSV Blend

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

0.0%	0.0% #3E5E3D	RGB 62 94 61	#3E5E3D
16.7%	16.7% #4D6945	RGB 77 105 69	#4D6945
33.3%	33.3% #5E754D	RGB 94 117 77	#5E754D
50.0%	50.0% #708155	RGB 112 129 85	#708155
66.7%	66.7% #838D5D	RGB 131 141 93	#838D5D
83.3%	83.3% #989966	RGB 152 153 102	#989966
100.0%	100.0% #A59B6F	RGB 165 155 111	#A59B6F

#3E5E3D #4D6945 #5E754D #708155 #838D5D #989966 #A59B6F

#3E5E3D - #708155 - #A59B6F

CSS codes

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

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