#4F3232 - #B5775E | 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 #4F3232 to #B5775E

#4F3232 #B5775E

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

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

0.0%	0.0% #4F3232	RGB 79 50 50	#4F3232
16.7%	16.7% #603D39	RGB 96 61 57	#603D39
33.3%	33.3% #714940	RGB 113 73 64	#714940
50.0%	50.0% #825448	RGB 130 84 72	#825448
66.7%	66.7% #93604F	RGB 147 96 79	#93604F
83.3%	83.3% #A46B56	RGB 164 107 86	#A46B56
100.0%	100.0% #B5775E	RGB 181 119 94	#B5775E

#4F3232 #603D39 #714940 #825448 #93604F #A46B56 #B5775E

#4F3232 - #B5775E

HSV Blend

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

0.0%	0.0% #4F3232	RGB 79 50 50	#4F3232
16.7%	16.7% #603C3A	RGB 96 60 58	#603C3A
33.3%	33.3% #714743	RGB 113 71 67	#714743
50.0%	50.0% #82524A	RGB 130 82 74	#82524A
66.7%	66.7% #935E51	RGB 147 94 81	#935E51
83.3%	83.3% #A46A58	RGB 164 106 88	#A46A58
100.0%	100.0% #B5775E	RGB 181 119 94	#B5775E

#4F3232 #603C3A #714743 #82524A #935E51 #A46A58 #B5775E

#4F3232 - #82524A - #B5775E

CSS codes

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

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