#3D5E14 - #B7AB41 | 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 #3D5E14 to #B7AB41

#3D5E14 #B7AB41

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

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

0.0%	0.0% #3D5E14	RGB 61 94 20	#3D5E14
16.7%	16.7% #516A1B	RGB 81 106 27	#516A1B
33.3%	33.3% #657723	RGB 101 119 35	#657723
50.0%	50.0% #7A842A	RGB 122 132 42	#7A842A
66.7%	66.7% #8E9132	RGB 142 145 50	#8E9132
83.3%	83.3% #A29E39	RGB 162 158 57	#A29E39
100.0%	100.0% #B7AB41	RGB 183 171 65	#B7AB41

#3D5E14 #516A1B #657723 #7A842A #8E9132 #A29E39 #B7AB41

#3D5E14 - #B7AB41

HSV Blend

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

0.0%	0.0% #3D5E13	RGB 61 94 19	#3D5E13
16.7%	16.7% #4F6C19	RGB 79 108 25	#4F6C19
33.3%	33.3% #637B20	RGB 99 123 32	#637B20
50.0%	50.0% #798A27	RGB 121 138 39	#798A27
66.7%	66.7% #90992F	RGB 144 153 47	#90992F
83.3%	83.3% #A8A637	RGB 168 166 55	#A8A637
100.0%	100.0% #B7AB41	RGB 183 171 65	#B7AB41

#3D5E13 #4F6C19 #637B20 #798A27 #90992F #A8A637 #B7AB41

#3D5E14 - #798A27 - #B7AB41

CSS codes

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

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