#4F533A - #263104 | 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 #4F533A to #263104

#4F533A #263104

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

#4F533A - #263104 | 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 #4F533A as 0% and #263104 as 100%.

0.0%	0.0% #4F533A	RGB 79 83 58	#4F533A
16.7%	16.7% #484D31	RGB 72 77 49	#484D31
33.3%	33.3% #414728	RGB 65 71 40	#414728
50.0%	50.0% #3A421F	RGB 58 66 31	#3A421F
66.7%	66.7% #333C16	RGB 51 60 22	#333C16
83.3%	83.3% #2C360D	RGB 44 54 13	#2C360D
100.0%	100.0% #263104	RGB 38 49 4	#263104

#4F533A #484D31 #414728 #3A421F #333C16 #2C360D #263104

#4F533A - #263104

HSV Blend

#4F533A - #263104 | 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 #4F533A as 0% and #263104 as 100%.

0.0%	0.0% #4F533A	RGB 79 83 58	#4F533A
16.7%	16.7% #474D2E	RGB 71 77 46	#474D2E
33.3%	33.3% #404723	RGB 64 71 35	#404723
50.0%	50.0% #394219	RGB 57 66 25	#394219
66.7%	66.7% #333C11	RGB 51 60 17	#333C11
83.3%	83.3% #2C360A	RGB 44 54 10	#2C360A
100.0%	100.0% #263104	RGB 38 49 4	#263104

#4F533A #474D2E #404723 #394219 #333C11 #2C360A #263104

#4F533A - #394219 - #263104

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F533A 0%, #394219 50%, #263104 100%);
    background: -webkit-linear-gradient(top, #4F533A 0%, #394219 50%, #263104 100%);
    background: linear-gradient(to bottom, #4F533A 0%, #394219 50%, #263104 100%);
}
</style>