#3A4920 - #162B02 | 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 #3A4920 to #162B02

#3A4920 #162B02

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

#3A4920 - #162B02 | 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 #3A4920 as 0% and #162B02 as 100%.

0.0%	0.0% #3A4920	RGB 58 73 32	#3A4920
16.7%	16.7% #34441B	RGB 52 68 27	#34441B
33.3%	33.3% #2E3F16	RGB 46 63 22	#2E3F16
50.0%	50.0% #283A11	RGB 40 58 17	#283A11
66.7%	66.7% #22350C	RGB 34 53 12	#22350C
83.3%	83.3% #1C3007	RGB 28 48 7	#1C3007
100.0%	100.0% #162B02	RGB 22 43 2	#162B02

#3A4920 #34441B #2E3F16 #283A11 #22350C #1C3007 #162B02

#3A4920 - #162B02

HSV Blend

#3A4920 - #162B02 | 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 #3A4920 as 0% and #162B02 as 100%.

0.0%	0.0% #3A4920	RGB 58 73 32	#3A4920
16.7%	16.7% #334419	RGB 51 68 25	#334419
33.3%	33.3% #2C3F13	RGB 44 63 19	#2C3F13
50.0%	50.0% #263A0E	RGB 38 58 14	#263A0E
66.7%	66.7% #203509	RGB 32 53 9	#203509
83.3%	83.3% #1B3005	RGB 27 48 5	#1B3005
100.0%	100.0% #162B02	RGB 22 43 2	#162B02

#3A4920 #334419 #2C3F13 #263A0E #203509 #1B3005 #162B02

#3A4920 - #263A0E - #162B02

CSS codes

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

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