#3D5E29 - #163901 | 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 #3D5E29 to #163901

#3D5E29 #163901

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

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

0.0%	0.0% #3D5E29	RGB 61 94 41	#3D5E29
16.7%	16.7% #365722	RGB 54 87 34	#365722
33.3%	33.3% #30511B	RGB 48 81 27	#30511B
50.0%	50.0% #294B15	RGB 41 75 21	#294B15
66.7%	66.7% #23450E	RGB 35 69 14	#23450E
83.3%	83.3% #1C3F07	RGB 28 63 7	#1C3F07
100.0%	100.0% #163901	RGB 22 57 1	#163901

#3D5E29 #365722 #30511B #294B15 #23450E #1C3F07 #163901

#3D5E29 - #163901

HSV Blend

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

0.0%	0.0% #3D5E29	RGB 61 94 41	#3D5E29
16.7%	16.7% #355720	RGB 53 87 32	#355720
33.3%	33.3% #2D5118	RGB 45 81 24	#2D5118
50.0%	50.0% #274B11	RGB 39 75 17	#274B11
66.7%	66.7% #20450A	RGB 32 69 10	#20450A
83.3%	83.3% #1B3F05	RGB 27 63 5	#1B3F05
100.0%	100.0% #163901	RGB 22 57 1	#163901

#3D5E29 #355720 #2D5118 #274B11 #20450A #1B3F05 #163901

#3D5E29 - #274B11 - #163901

CSS codes

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

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