#4D4E3E - #272D04 | 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 #4D4E3E to #272D04

#4D4E3E #272D04

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

#4D4E3E - #272D04 | 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 #4D4E3E as 0% and #272D04 as 100%.

0.0%	0.0% #4D4E3E	RGB 77 78 62	#4D4E3E
16.7%	16.7% #464834	RGB 70 72 52	#464834
33.3%	33.3% #40432A	RGB 64 67 42	#40432A
50.0%	50.0% #3A3D21	RGB 58 61 33	#3A3D21
66.7%	66.7% #333817	RGB 51 56 23	#333817
83.3%	83.3% #2D320D	RGB 45 50 13	#2D320D
100.0%	100.0% #272D04	RGB 39 45 4	#272D04

#4D4E3E #464834 #40432A #3A3D21 #333817 #2D320D #272D04

#4D4E3E - #272D04

HSV Blend

#4D4E3E - #272D04 | 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 #4D4E3E as 0% and #272D04 as 100%.

0.0%	0.0% #4D4E3E	RGB 77 78 62	#4D4E3E
16.7%	16.7% #464831	RGB 70 72 49	#464831
33.3%	33.3% #404325	RGB 64 67 37	#404325
50.0%	50.0% #393D1B	RGB 57 61 27	#393D1B
66.7%	66.7% #333812	RGB 51 56 18	#333812
83.3%	83.3% #2D320A	RGB 45 50 10	#2D320A
100.0%	100.0% #272D04	RGB 39 45 4	#272D04

#4D4E3E #464831 #404325 #393D1B #333812 #2D320A #272D04

#4D4E3E - #393D1B - #272D04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4E3E 0%, #393D1B 50%, #272D04 100%);
    background: -webkit-linear-gradient(top, #4D4E3E 0%, #393D1B 50%, #272D04 100%);
    background: linear-gradient(to bottom, #4D4E3E 0%, #393D1B 50%, #272D04 100%);
}
</style>