#3E4D14 - #A5973F | 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 #3E4D14 to #A5973F

#3E4D14 #A5973F

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

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

0.0%	0.0% #3E4D14	RGB 62 77 20	#3E4D14
16.7%	16.7% #4F591B	RGB 79 89 27	#4F591B
33.3%	33.3% #606522	RGB 96 101 34	#606522
50.0%	50.0% #717229	RGB 113 114 41	#717229
66.7%	66.7% #827E30	RGB 130 126 48	#827E30
83.3%	83.3% #938A37	RGB 147 138 55	#938A37
100.0%	100.0% #A5973F	RGB 165 151 63	#A5973F

#3E4D14 #4F591B #606522 #717229 #827E30 #938A37 #A5973F

#3E4D14 - #A5973F

HSV Blend

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

0.0%	0.0% #3E4D13	RGB 62 77 19	#3E4D13
16.7%	16.7% #4E5B19	RGB 78 91 25	#4E5B19
33.3%	33.3% #606A1F	RGB 96 106 31	#606A1F
50.0%	50.0% #737926	RGB 115 121 38	#737926
66.7%	66.7% #87872E	RGB 135 135 46	#87872E
83.3%	83.3% #968F36	RGB 150 143 54	#968F36
100.0%	100.0% #A5973F	RGB 165 151 63	#A5973F

#3E4D13 #4E5B19 #606A1F #737926 #87872E #968F36 #A5973F

#3E4D14 - #737926 - #A5973F

CSS codes

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

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