#3D4D13 - #8B8C6D | 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 #3D4D13 to #8B8C6D

#3D4D13 #8B8C6D

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

#3D4D13 - #8B8C6D | 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 #3D4D13 as 0% and #8B8C6D as 100%.

0.0%	0.0% #3D4D13	RGB 61 77 19	#3D4D13
16.7%	16.7% #4A5722	RGB 74 87 34	#4A5722
33.3%	33.3% #576231	RGB 87 98 49	#576231
50.0%	50.0% #646C40	RGB 100 108 64	#646C40
66.7%	66.7% #71774F	RGB 113 119 79	#71774F
83.3%	83.3% #7E815E	RGB 126 129 94	#7E815E
100.0%	100.0% #8B8C6D	RGB 139 140 109	#8B8C6D

#3D4D13 #4A5722 #576231 #646C40 #71774F #7E815E #8B8C6D

#3D4D13 - #8B8C6D

HSV Blend

#3D4D13 - #8B8C6D | 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 #3D4D13 as 0% and #8B8C6D as 100%.

0.0%	0.0% #3D4D13	RGB 61 77 19	#3D4D13
16.7%	16.7% #49571D	RGB 73 87 29	#49571D
33.3%	33.3% #576229	RGB 87 98 41	#576229
50.0%	50.0% #646C37	RGB 100 108 55	#646C37
66.7%	66.7% #717747	RGB 113 119 71	#717747
83.3%	83.3% #7E8159	RGB 126 129 89	#7E8159
100.0%	100.0% #8B8C6D	RGB 139 140 109	#8B8C6D

#3D4D13 #49571D #576229 #646C37 #717747 #7E8159 #8B8C6D

#3D4D13 - #646C37 - #8B8C6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4D13 0%, #646C37 50%, #8B8C6D 100%);
    background: -webkit-linear-gradient(top, #3D4D13 0%, #646C37 50%, #8B8C6D 100%);
    background: linear-gradient(to bottom, #3D4D13 0%, #646C37 50%, #8B8C6D 100%);
}
</style>