#3B5E28 - #163A02 | 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 #3B5E28 to #163A02

#3B5E28 #163A02

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

#3B5E28 - #163A02 | 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 #3B5E28 as 0% and #163A02 as 100%.

0.0%	0.0% #3B5E28	RGB 59 94 40	#3B5E28
16.7%	16.7% #345821	RGB 52 88 33	#345821
33.3%	33.3% #2E521B	RGB 46 82 27	#2E521B
50.0%	50.0% #284C15	RGB 40 76 21	#284C15
66.7%	66.7% #22460E	RGB 34 70 14	#22460E
83.3%	83.3% #1C4008	RGB 28 64 8	#1C4008
100.0%	100.0% #163A02	RGB 22 58 2	#163A02

#3B5E28 #345821 #2E521B #284C15 #22460E #1C4008 #163A02

#3B5E28 - #163A02

HSV Blend

#3B5E28 - #163A02 | 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 #3B5E28 as 0% and #163A02 as 100%.

0.0%	0.0% #3B5E28	RGB 59 94 40	#3B5E28
16.7%	16.7% #33581F	RGB 51 88 31	#33581F
33.3%	33.3% #2C5218	RGB 44 82 24	#2C5218
50.0%	50.0% #264C11	RGB 38 76 17	#264C11
66.7%	66.7% #20460B	RGB 32 70 11	#20460B
83.3%	83.3% #1A4006	RGB 26 64 6	#1A4006
100.0%	100.0% #163A02	RGB 22 58 2	#163A02

#3B5E28 #33581F #2C5218 #264C11 #20460B #1A4006 #163A02

#3B5E28 - #264C11 - #163A02

CSS codes

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

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