#3E4D21 - #A4974C | 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 #3E4D21 to #A4974C

#3E4D21 #A4974C

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

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

0.0%	0.0% #3E4D21	RGB 62 77 33	#3E4D21
16.7%	16.7% #4F5928	RGB 79 89 40	#4F5928
33.3%	33.3% #60652F	RGB 96 101 47	#60652F
50.0%	50.0% #717236	RGB 113 114 54	#717236
66.7%	66.7% #827E3D	RGB 130 126 61	#827E3D
83.3%	83.3% #938A44	RGB 147 138 68	#938A44
100.0%	100.0% #A4974C	RGB 164 151 76	#A4974C

#3E4D21 #4F5928 #60652F #717236 #827E3D #938A44 #A4974C

#3E4D21 - #A4974C

HSV Blend

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

0.0%	0.0% #3E4D21	RGB 62 77 33	#3E4D21
16.7%	16.7% #4E5B27	RGB 78 91 39	#4E5B27
33.3%	33.3% #5F6A2E	RGB 95 106 46	#5F6A2E
50.0%	50.0% #727835	RGB 114 120 53	#727835
66.7%	66.7% #85873C	RGB 133 135 60	#85873C
83.3%	83.3% #959044	RGB 149 144 68	#959044
100.0%	100.0% #A4974C	RGB 164 151 76	#A4974C

#3E4D21 #4E5B27 #5F6A2E #727835 #85873C #959044 #A4974C

#3E4D21 - #727835 - #A4974C

CSS codes

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

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