#4E5E49 - #B5A86D | 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 #4E5E49 to #B5A86D

#4E5E49 #B5A86D

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

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

0.0%	0.0% #4E5E49	RGB 78 94 73	#4E5E49
16.7%	16.7% #5F6A4F	RGB 95 106 79	#5F6A4F
33.3%	33.3% #707655	RGB 112 118 85	#707655
50.0%	50.0% #81835B	RGB 129 131 91	#81835B
66.7%	66.7% #928F61	RGB 146 143 97	#928F61
83.3%	83.3% #A39B67	RGB 163 155 103	#A39B67
100.0%	100.0% #B5A86D	RGB 181 168 109	#B5A86D

#4E5E49 #5F6A4F #707655 #81835B #928F61 #A39B67 #B5A86D

#4E5E49 - #B5A86D

HSV Blend

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

0.0%	0.0% #4E5E49	RGB 78 94 73	#4E5E49
16.7%	16.7% #5B6C51	RGB 91 108 81	#5B6C51
33.3%	33.3% #6B7B58	RGB 107 123 88	#6B7B58
50.0%	50.0% #7D895E	RGB 125 137 94	#7D895E
66.7%	66.7% #919864	RGB 145 152 100	#919864
83.3%	83.3% #A6A569	RGB 166 165 105	#A6A569
100.0%	100.0% #B5A86D	RGB 181 168 109	#B5A86D

#4E5E49 #5B6C51 #6B7B58 #7D895E #919864 #A6A569 #B5A86D

#4E5E49 - #7D895E - #B5A86D

CSS codes

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

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