#464444 - #4D3005 | 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 #4D3005

#464444 #4D3005

Calculate the color between two colors, #464444 and #4D3005. 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 - #4D3005 | 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 #4D3005 as 100%.

0.0%	0.0% #464444	RGB 70 68 68	#464444
16.7%	16.7% #474039	RGB 71 64 57	#474039
33.3%	33.3% #483D2F	RGB 72 61 47	#483D2F
50.0%	50.0% #493A24	RGB 73 58 36	#493A24
66.7%	66.7% #4A361A	RGB 74 54 26	#4A361A
83.3%	83.3% #4B330F	RGB 75 51 15	#4B330F
100.0%	100.0% #4D3005	RGB 77 48 5	#4D3005

#464444 #474039 #483D2F #493A24 #4A361A #4B330F #4D3005

#464444 - #4D3005

HSV Blend

#464444 - #4D3005 | 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 #4D3005 as 100%.

0.0%	0.0% #464444	RGB 70 68 68	#464444
16.7%	16.7% #473B3A	RGB 71 59 58	#473B3A
33.3%	33.3% #483530	RGB 72 53 48	#483530
50.0%	50.0% #493026	RGB 73 48 38	#493026
66.7%	66.7% #4A2E1B	RGB 74 46 27	#4A2E1B
83.3%	83.3% #4B2D10	RGB 75 45 16	#4B2D10
100.0%	100.0% #4D3005	RGB 77 48 5	#4D3005

#464444 #473B3A #483530 #493026 #4A2E1B #4B2D10 #4D3005

#464444 - #493026 - #4D3005

CSS codes

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

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