#3D5E1F - #AF974E | 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 #3D5E1F to #AF974E

#3D5E1F #AF974E

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

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

0.0%	0.0% #3D5E1F	RGB 61 94 31	#3D5E1F
16.7%	16.7% #506726	RGB 80 103 38	#506726
33.3%	33.3% #63712E	RGB 99 113 46	#63712E
50.0%	50.0% #767A36	RGB 118 122 54	#767A36
66.7%	66.7% #89843E	RGB 137 132 62	#89843E
83.3%	83.3% #9C8D46	RGB 156 141 70	#9C8D46
100.0%	100.0% #AF974E	RGB 175 151 78	#AF974E

#3D5E1F #506726 #63712E #767A36 #89843E #9C8D46 #AF974E

#3D5E1F - #AF974E

HSV Blend

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

0.0%	0.0% #3D5E1F	RGB 61 94 31	#3D5E1F
16.7%	16.7% #4F6B25	RGB 79 107 37	#4F6B25
33.3%	33.3% #64792C	RGB 100 121 44	#64792C
50.0%	50.0% #7B8634	RGB 123 134 52	#7B8634
66.7%	66.7% #93943C	RGB 147 148 60	#93943C
83.3%	83.3% #A19644	RGB 161 150 68	#A19644
100.0%	100.0% #AF974E	RGB 175 151 78	#AF974E

#3D5E1F #4F6B25 #64792C #7B8634 #93943C #A19644 #AF974E

#3D5E1F - #7B8634 - #AF974E

CSS codes

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

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