#6B5C4C - #522F0C | 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 #6B5C4C to #522F0C

#6B5C4C #522F0C

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

#6B5C4C - #522F0C | 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 #6B5C4C as 0% and #522F0C as 100%.

0.0%	0.0% #6B5C4C	RGB 107 92 76	#6B5C4C
16.7%	16.7% #665441	RGB 102 84 65	#665441
33.3%	33.3% #624D36	RGB 98 77 54	#624D36
50.0%	50.0% #5E452C	RGB 94 69 44	#5E452C
66.7%	66.7% #5A3E21	RGB 90 62 33	#5A3E21
83.3%	83.3% #563616	RGB 86 54 22	#563616
100.0%	100.0% #522F0C	RGB 82 47 12	#522F0C

#6B5C4C #665441 #624D36 #5E452C #5A3E21 #563616 #522F0C

#6B5C4C - #522F0C

HSV Blend

#6B5C4C - #522F0C | 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 #6B5C4C as 0% and #522F0C as 100%.

0.0%	0.0% #6B5C4C	RGB 107 92 76	#6B5C4C
16.7%	16.7% #66533F	RGB 102 83 63	#66533F
33.3%	33.3% #624B33	RGB 98 75 51	#624B33
50.0%	50.0% #5E4328	RGB 94 67 40	#5E4328
66.7%	66.7% #5A3C1E	RGB 90 60 30	#5A3C1E
83.3%	83.3% #563514	RGB 86 53 20	#563514
100.0%	100.0% #522F0C	RGB 82 47 12	#522F0C

#6B5C4C #66533F #624B33 #5E4328 #5A3C1E #563514 #522F0C

#6B5C4C - #5E4328 - #522F0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5C4C 0%, #5E4328 50%, #522F0C 100%);
    background: -webkit-linear-gradient(top, #6B5C4C 0%, #5E4328 50%, #522F0C 100%);
    background: linear-gradient(to bottom, #6B5C4C 0%, #5E4328 50%, #522F0C 100%);
}
</style>