#4D4D4F - #A38A6F | 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 #4D4D4F to #A38A6F

#4D4D4F #A38A6F

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

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

0.0%	0.0% #4D4D4F	RGB 77 77 79	#4D4D4F
16.7%	16.7% #5B5754	RGB 91 87 84	#5B5754
33.3%	33.3% #696159	RGB 105 97 89	#696159
50.0%	50.0% #786B5F	RGB 120 107 95	#786B5F
66.7%	66.7% #867564	RGB 134 117 100	#867564
83.3%	83.3% #947F69	RGB 148 127 105	#947F69
100.0%	100.0% #A38A6F	RGB 163 138 111	#A38A6F

#4D4D4F #5B5754 #696159 #786B5F #867564 #947F69 #A38A6F

#4D4D4F - #A38A6F

HSV Blend

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

0.0%	0.0% #4D4D4F	RGB 77 77 79	#4D4D4F
16.7%	16.7% #58565D	RGB 88 86 93	#58565D
33.3%	33.3% #685D6B	RGB 104 93 107	#685D6B
50.0%	50.0% #796473	RGB 121 100 115	#796473
66.7%	66.7% #876972	RGB 135 105 114	#876972
83.3%	83.3% #95706C	RGB 149 112 108	#95706C
100.0%	100.0% #A38A6F	RGB 163 138 111	#A38A6F

#4D4D4F #58565D #685D6B #796473 #876972 #95706C #A38A6F

#4D4D4F - #796473 - #A38A6F

CSS codes

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

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