#3D5E2F - #B2AB59 | 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 #3D5E2F to #B2AB59

#3D5E2F #B2AB59

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

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

0.0%	0.0% #3D5E2F	RGB 61 94 47	#3D5E2F
16.7%	16.7% #506A36	RGB 80 106 54	#506A36
33.3%	33.3% #64773D	RGB 100 119 61	#64773D
50.0%	50.0% #778444	RGB 119 132 68	#778444
66.7%	66.7% #8B914B	RGB 139 145 75	#8B914B
83.3%	83.3% #9E9E52	RGB 158 158 82	#9E9E52
100.0%	100.0% #B2AB59	RGB 178 171 89	#B2AB59

#3D5E2F #506A36 #64773D #778444 #8B914B #9E9E52 #B2AB59

#3D5E2F - #B2AB59

HSV Blend

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

0.0%	0.0% #3D5E2F	RGB 61 94 47	#3D5E2F
16.7%	16.7% #4D6C36	RGB 77 108 54	#4D6C36
33.3%	33.3% #5F7A3D	RGB 95 122 61	#5F7A3D
50.0%	50.0% #728844	RGB 114 136 68	#728844
66.7%	66.7% #88964B	RGB 136 150 75	#88964B
83.3%	83.3% #9FA452	RGB 159 164 82	#9FA452
100.0%	100.0% #B2AB59	RGB 178 171 89	#B2AB59

#3D5E2F #4D6C36 #5F7A3D #728844 #88964B #9FA452 #B2AB59

#3D5E2F - #728844 - #B2AB59

CSS codes

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

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