#4A393D - #BB7E61 | 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 #4A393D to #BB7E61

#4A393D #BB7E61

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

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

0.0%	0.0% #4A393D	RGB 74 57 61	#4A393D
16.7%	16.7% #5C4443	RGB 92 68 67	#5C4443
33.3%	33.3% #6F5049	RGB 111 80 73	#6F5049
50.0%	50.0% #825B4F	RGB 130 91 79	#825B4F
66.7%	66.7% #956755	RGB 149 103 85	#956755
83.3%	83.3% #A8725B	RGB 168 114 91	#A8725B
100.0%	100.0% #BB7E61	RGB 187 126 97	#BB7E61

#4A393D #5C4443 #6F5049 #825B4F #956755 #A8725B #BB7E61

#4A393D - #BB7E61

HSV Blend

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

0.0%	0.0% #4A393D	RGB 74 57 61	#4A393D
16.7%	16.7% #5C4347	RGB 92 67 71	#5C4347
33.3%	33.3% #6F4C4E	RGB 111 76 78	#6F4C4E
50.0%	50.0% #825654	RGB 130 86 84	#825654
66.7%	66.7% #956259	RGB 149 98 89	#956259
83.3%	83.3% #A86F5E	RGB 168 111 94	#A86F5E
100.0%	100.0% #BB7E61	RGB 187 126 97	#BB7E61

#4A393D #5C4347 #6F4C4E #825654 #956259 #A86F5E #BB7E61

#4A393D - #825654 - #BB7E61

CSS codes

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

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