#4A4D3C - #232E04 | 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 #4A4D3C to #232E04

#4A4D3C #232E04

Calculate the color between two colors, #4A4D3C and #232E04. 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)

#4A4D3C - #232E04 | 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 #4A4D3C as 0% and #232E04 as 100%.

0.0%	0.0% #4A4D3C	RGB 74 77 60	#4A4D3C
16.7%	16.7% #434732	RGB 67 71 50	#434732
33.3%	33.3% #3D4229	RGB 61 66 41	#3D4229
50.0%	50.0% #363D20	RGB 54 61 32	#363D20
66.7%	66.7% #303816	RGB 48 56 22	#303816
83.3%	83.3% #29330D	RGB 41 51 13	#29330D
100.0%	100.0% #232E04	RGB 35 46 4	#232E04

#4A4D3C #434732 #3D4229 #363D20 #303816 #29330D #232E04

#4A4D3C - #232E04

HSV Blend

#4A4D3C - #232E04 | 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 #4A4D3C as 0% and #232E04 as 100%.

0.0%	0.0% #4A4D3C	RGB 74 77 60	#4A4D3C
16.7%	16.7% #43472F	RGB 67 71 47	#43472F
33.3%	33.3% #3C4224	RGB 60 66 36	#3C4224
50.0%	50.0% #353D1A	RGB 53 61 26	#353D1A
66.7%	66.7% #2F3811	RGB 47 56 17	#2F3811
83.3%	83.3% #29330A	RGB 41 51 10	#29330A
100.0%	100.0% #232E04	RGB 35 46 4	#232E04

#4A4D3C #43472F #3C4224 #353D1A #2F3811 #29330A #232E04

#4A4D3C - #353D1A - #232E04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A4D3C 0%, #353D1A 50%, #232E04 100%);
    background: -webkit-linear-gradient(top, #4A4D3C 0%, #353D1A 50%, #232E04 100%);
    background: linear-gradient(to bottom, #4A4D3C 0%, #353D1A 50%, #232E04 100%);
}
</style>