#4A393C - #BA7E5F | 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 #4A393C to #BA7E5F

#4A393C #BA7E5F

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

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

0.0%	0.0% #4A393C	RGB 74 57 60	#4A393C
16.7%	16.7% #5C4441	RGB 92 68 65	#5C4441
33.3%	33.3% #6F5047	RGB 111 80 71	#6F5047
50.0%	50.0% #825B4D	RGB 130 91 77	#825B4D
66.7%	66.7% #946753	RGB 148 103 83	#946753
83.3%	83.3% #A77259	RGB 167 114 89	#A77259
100.0%	100.0% #BA7E5F	RGB 186 126 95	#BA7E5F

#4A393C #5C4441 #6F5047 #825B4D #946753 #A77259 #BA7E5F

#4A393C - #BA7E5F

HSV Blend

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

0.0%	0.0% #4A393C	RGB 74 57 60	#4A393C
16.7%	16.7% #5C4345	RGB 92 67 69	#5C4345
33.3%	33.3% #6F4C4C	RGB 111 76 76	#6F4C4C
50.0%	50.0% #825753	RGB 130 87 83	#825753
66.7%	66.7% #946258	RGB 148 98 88	#946258
83.3%	83.3% #A76F5C	RGB 167 111 92	#A76F5C
100.0%	100.0% #BA7E5F	RGB 186 126 95	#BA7E5F

#4A393C #5C4345 #6F4C4C #825753 #946258 #A76F5C #BA7E5F

#4A393C - #825753 - #BA7E5F

CSS codes

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

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