#4D4D06 - #2D2509 | 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 #4D4D06 to #2D2509

#4D4D06 #2D2509

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

#4D4D06 - #2D2509 | 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 #4D4D06 as 0% and #2D2509 as 100%.

0.0%	0.0% #4D4D06	RGB 77 77 6	#4D4D06
16.7%	16.7% #474606	RGB 71 70 6	#474606
33.3%	33.3% #423F07	RGB 66 63 7	#423F07
50.0%	50.0% #3D3907	RGB 61 57 7	#3D3907
66.7%	66.7% #373208	RGB 55 50 8	#373208
83.3%	83.3% #322B08	RGB 50 43 8	#322B08
100.0%	100.0% #2D2509	RGB 45 37 9	#2D2509

#4D4D06 #474606 #423F07 #3D3907 #373208 #322B08 #2D2509

#4D4D06 - #2D2509

HSV Blend

#4D4D06 - #2D2509 | 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 #4D4D06 as 0% and #2D2509 as 100%.

0.0%	0.0% #4D4D06	RGB 77 77 6	#4D4D06
16.7%	16.7% #474507	RGB 71 69 7	#474507
33.3%	33.3% #423E07	RGB 66 62 7	#423E07
50.0%	50.0% #3D3708	RGB 61 55 8	#3D3708
66.7%	66.7% #373008	RGB 55 48 8	#373008
83.3%	83.3% #322A09	RGB 50 42 9	#322A09
100.0%	100.0% #2D2509	RGB 45 37 9	#2D2509

#4D4D06 #474507 #423E07 #3D3708 #373008 #322A09 #2D2509

#4D4D06 - #3D3708 - #2D2509

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D06 0%, #3D3708 50%, #2D2509 100%);
    background: -webkit-linear-gradient(top, #4D4D06 0%, #3D3708 50%, #2D2509 100%);
    background: linear-gradient(to bottom, #4D4D06 0%, #3D3708 50%, #2D2509 100%);
}
</style>