#4D5E21 - #162F05 | 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 #4D5E21 to #162F05

#4D5E21 #162F05

Calculate the color between two colors, #4D5E21 and #162F05. 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)

#4D5E21 - #162F05 | 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 #4D5E21 as 0% and #162F05 as 100%.

0.0%	0.0% #4D5E21	RGB 77 94 33	#4D5E21
16.7%	16.7% #43561C	RGB 67 86 28	#43561C
33.3%	33.3% #3A4E17	RGB 58 78 23	#3A4E17
50.0%	50.0% #314613	RGB 49 70 19	#314613
66.7%	66.7% #283E0E	RGB 40 62 14	#283E0E
83.3%	83.3% #1F3609	RGB 31 54 9	#1F3609
100.0%	100.0% #162F05	RGB 22 47 5	#162F05

#4D5E21 #43561C #3A4E17 #314613 #283E0E #1F3609 #162F05

#4D5E21 - #162F05

HSV Blend

#4D5E21 - #162F05 | 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 #4D5E21 as 0% and #162F05 as 100%.

0.0%	0.0% #4D5E21	RGB 77 94 33	#4D5E21
16.7%	16.7% #42561A	RGB 66 86 26	#42561A
33.3%	33.3% #384E15	RGB 56 78 21	#384E15
50.0%	50.0% #2E4610	RGB 46 70 16	#2E4610
66.7%	66.7% #253E0B	RGB 37 62 11	#253E0B
83.3%	83.3% #1D3608	RGB 29 54 8	#1D3608
100.0%	100.0% #162F05	RGB 22 47 5	#162F05

#4D5E21 #42561A #384E15 #2E4610 #253E0B #1D3608 #162F05

#4D5E21 - #2E4610 - #162F05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E21 0%, #2E4610 50%, #162F05 100%);
    background: -webkit-linear-gradient(top, #4D5E21 0%, #2E4610 50%, #162F05 100%);
    background: linear-gradient(to bottom, #4D5E21 0%, #2E4610 50%, #162F05 100%);
}
</style>