#3B5E20 - #163703 | 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 #3B5E20 to #163703

#3B5E20 #163703

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

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

0.0%	0.0% #3B5E20	RGB 59 94 32	#3B5E20
16.7%	16.7% #34571B	RGB 52 87 27	#34571B
33.3%	33.3% #2E5116	RGB 46 81 22	#2E5116
50.0%	50.0% #284A11	RGB 40 74 17	#284A11
66.7%	66.7% #22440C	RGB 34 68 12	#22440C
83.3%	83.3% #1C3D07	RGB 28 61 7	#1C3D07
100.0%	100.0% #163703	RGB 22 55 3	#163703

#3B5E20 #34571B #2E5116 #284A11 #22440C #1C3D07 #163703

#3B5E20 - #163703

HSV Blend

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

0.0%	0.0% #3B5E20	RGB 59 94 32	#3B5E20
16.7%	16.7% #335719	RGB 51 87 25	#335719
33.3%	33.3% #2D5113	RGB 45 81 19	#2D5113
50.0%	50.0% #264A0E	RGB 38 74 14	#264A0E
66.7%	66.7% #20440A	RGB 32 68 10	#20440A
83.3%	83.3% #1B3D06	RGB 27 61 6	#1B3D06
100.0%	100.0% #163703	RGB 22 55 3	#163703

#3B5E20 #335719 #2D5113 #264A0E #20440A #1B3D06 #163703

#3B5E20 - #264A0E - #163703

CSS codes

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

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