#3E5024 - #A69B4F | 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 #3E5024 to #A69B4F

#3E5024 #A69B4F

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

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

0.0%	0.0% #3E5024	RGB 62 80 36	#3E5024
16.7%	16.7% #4F5C2B	RGB 79 92 43	#4F5C2B
33.3%	33.3% #606932	RGB 96 105 50	#606932
50.0%	50.0% #727539	RGB 114 117 57	#727539
66.7%	66.7% #838240	RGB 131 130 64	#838240
83.3%	83.3% #948E47	RGB 148 142 71	#948E47
100.0%	100.0% #A69B4F	RGB 166 155 79	#A69B4F

#3E5024 #4F5C2B #606932 #727539 #838240 #948E47 #A69B4F

#3E5024 - #A69B4F

HSV Blend

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

0.0%	0.0% #3E5024	RGB 62 80 36	#3E5024
16.7%	16.7% #4D5E2A	RGB 77 94 42	#4D5E2A
33.3%	33.3% #5F6C31	RGB 95 108 49	#5F6C31
50.0%	50.0% #717B38	RGB 113 123 56	#717B38
66.7%	66.7% #858940	RGB 133 137 64	#858940
83.3%	83.3% #979447	RGB 151 148 71	#979447
100.0%	100.0% #A69B4F	RGB 166 155 79	#A69B4F

#3E5024 #4D5E2A #5F6C31 #717B38 #858940 #979447 #A69B4F

#3E5024 - #717B38 - #A69B4F

CSS codes

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

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