#464444 - #4D4505 | 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 #464444 to #4D4505

#464444 #4D4505

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

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

0.0%	0.0% #464444	RGB 70 68 68	#464444
16.7%	16.7% #474439	RGB 71 68 57	#474439
33.3%	33.3% #48442F	RGB 72 68 47	#48442F
50.0%	50.0% #494424	RGB 73 68 36	#494424
66.7%	66.7% #4A441A	RGB 74 68 26	#4A441A
83.3%	83.3% #4B440F	RGB 75 68 15	#4B440F
100.0%	100.0% #4D4505	RGB 77 69 5	#4D4505

#464444 #474439 #48442F #494424 #4A441A #4B440F #4D4505

#464444 - #4D4505

HSV Blend

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

0.0%	0.0% #464444	RGB 70 68 68	#464444
16.7%	16.7% #473C3A	RGB 71 60 58	#473C3A
33.3%	33.3% #483730	RGB 72 55 48	#483730
50.0%	50.0% #493526	RGB 73 53 38	#493526
66.7%	66.7% #4A371B	RGB 74 55 27	#4A371B
83.3%	83.3% #4B3C10	RGB 75 60 16	#4B3C10
100.0%	100.0% #4D4505	RGB 77 69 5	#4D4505

#464444 #473C3A #483730 #493526 #4A371B #4B3C10 #4D4505

#464444 - #493526 - #4D4505

CSS codes

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

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