#6B3732 - #CD7B54 | 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 #6B3732 to #CD7B54

#6B3732 #CD7B54

Calculate the color between two colors, #6B3732 and #CD7B54. 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)

#6B3732 - #CD7B54 | 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 #6B3732 as 0% and #CD7B54 as 100%.

0.0%	0.0% #6B3732	RGB 107 55 50	#6B3732
16.7%	16.7% #7B4237	RGB 123 66 55	#7B4237
33.3%	33.3% #8B4D3D	RGB 139 77 61	#8B4D3D
50.0%	50.0% #9C5943	RGB 156 89 67	#9C5943
66.7%	66.7% #AC6448	RGB 172 100 72	#AC6448
83.3%	83.3% #BC6F4E	RGB 188 111 78	#BC6F4E
100.0%	100.0% #CD7B54	RGB 205 123 84	#CD7B54

#6B3732 #7B4237 #8B4D3D #9C5943 #AC6448 #BC6F4E #CD7B54

#6B3732 - #CD7B54

HSV Blend

#6B3732 - #CD7B54 | 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 #6B3732 as 0% and #CD7B54 as 100%.

0.0%	0.0% #6B3732	RGB 107 55 50	#6B3732
16.7%	16.7% #7B4038	RGB 123 64 56	#7B4038
33.3%	33.3% #8B4B3E	RGB 139 75 62	#8B4B3E
50.0%	50.0% #9C5644	RGB 156 86 68	#9C5644
66.7%	66.7% #AC6149	RGB 172 97 73	#AC6149
83.3%	83.3% #BC6E4F	RGB 188 110 79	#BC6E4F
100.0%	100.0% #CD7B54	RGB 205 123 84	#CD7B54

#6B3732 #7B4038 #8B4B3E #9C5644 #AC6149 #BC6E4F #CD7B54

#6B3732 - #9C5644 - #CD7B54

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B3732 0%, #9C5644 50%, #CD7B54 100%);
    background: -webkit-linear-gradient(top, #6B3732 0%, #9C5644 50%, #CD7B54 100%);
    background: linear-gradient(to bottom, #6B3732 0%, #9C5644 50%, #CD7B54 100%);
}
</style>