#6B5D4D - #522F0D | 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 #6B5D4D to #522F0D

#6B5D4D #522F0D

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

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

0.0%	0.0% #6B5D4D	RGB 107 93 77	#6B5D4D
16.7%	16.7% #665542	RGB 102 85 66	#665542
33.3%	33.3% #624D37	RGB 98 77 55	#624D37
50.0%	50.0% #5E462D	RGB 94 70 45	#5E462D
66.7%	66.7% #5A3E22	RGB 90 62 34	#5A3E22
83.3%	83.3% #563617	RGB 86 54 23	#563617
100.0%	100.0% #522F0D	RGB 82 47 13	#522F0D

#6B5D4D #665542 #624D37 #5E462D #5A3E22 #563617 #522F0D

#6B5D4D - #522F0D

HSV Blend

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

0.0%	0.0% #6B5D4D	RGB 107 93 77	#6B5D4D
16.7%	16.7% #665440	RGB 102 84 64	#665440
33.3%	33.3% #624C34	RGB 98 76 52	#624C34
50.0%	50.0% #5E4429	RGB 94 68 41	#5E4429
66.7%	66.7% #5A3D1F	RGB 90 61 31	#5A3D1F
83.3%	83.3% #563515	RGB 86 53 21	#563515
100.0%	100.0% #522F0D	RGB 82 47 13	#522F0D

#6B5D4D #665440 #624C34 #5E4429 #5A3D1F #563515 #522F0D

#6B5D4D - #5E4429 - #522F0D

CSS codes

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

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