#4E4E53 - #A48C73 | 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 #4E4E53 to #A48C73

#4E4E53 #A48C73

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

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

0.0%	0.0% #4E4E53	RGB 78 78 83	#4E4E53
16.7%	16.7% #5C5858	RGB 92 88 88	#5C5858
33.3%	33.3% #6A625D	RGB 106 98 93	#6A625D
50.0%	50.0% #796D63	RGB 121 109 99	#796D63
66.7%	66.7% #877768	RGB 135 119 104	#877768
83.3%	83.3% #95816D	RGB 149 129 109	#95816D
100.0%	100.0% #A48C73	RGB 164 140 115	#A48C73

#4E4E53 #5C5858 #6A625D #796D63 #877768 #95816D #A48C73

#4E4E53 - #A48C73

HSV Blend

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

0.0%	0.0% #4E4E53	RGB 78 78 83	#4E4E53
16.7%	16.7% #5A5660	RGB 90 86 96	#5A5660
33.3%	33.3% #6B5E6E	RGB 107 94 110	#6B5E6E
50.0%	50.0% #7B6575	RGB 123 101 117	#7B6575
66.7%	66.7% #896A74	RGB 137 106 116	#896A74
83.3%	83.3% #96736F	RGB 150 115 111	#96736F
100.0%	100.0% #A48C73	RGB 164 140 115	#A48C73

#4E4E53 #5A5660 #6B5E6E #7B6575 #896A74 #96736F #A48C73

#4E4E53 - #7B6575 - #A48C73

CSS codes

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

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