#4D3426 - #B2764B | 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 #4D3426 to #B2764B

#4D3426 #B2764B

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

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

0.0%	0.0% #4D3426	RGB 77 52 38	#4D3426
16.7%	16.7% #5D3F2C	RGB 93 63 44	#5D3F2C
33.3%	33.3% #6E4A32	RGB 110 74 50	#6E4A32
50.0%	50.0% #7F5538	RGB 127 85 56	#7F5538
66.7%	66.7% #90603E	RGB 144 96 62	#90603E
83.3%	83.3% #A16B44	RGB 161 107 68	#A16B44
100.0%	100.0% #B2764B	RGB 178 118 75	#B2764B

#4D3426 #5D3F2C #6E4A32 #7F5538 #90603E #A16B44 #B2764B

#4D3426 - #B2764B

HSV Blend

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

0.0%	0.0% #4D3426	RGB 77 52 38	#4D3426
16.7%	16.7% #5D3F2D	RGB 93 63 45	#5D3F2D
33.3%	33.3% #6E4A33	RGB 110 74 51	#6E4A33
50.0%	50.0% #7F553A	RGB 127 85 58	#7F553A
66.7%	66.7% #906040	RGB 144 96 64	#906040
83.3%	83.3% #A16B45	RGB 161 107 69	#A16B45
100.0%	100.0% #B2764B	RGB 178 118 75	#B2764B

#4D3426 #5D3F2D #6E4A33 #7F553A #906040 #A16B45 #B2764B

#4D3426 - #7F553A - #B2764B

CSS codes

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

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