#6B5E50 - #53300E | 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 #6B5E50 to #53300E

#6B5E50 #53300E

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

#6B5E50 - #53300E | 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 #6B5E50 as 0% and #53300E as 100%.

0.0%	0.0% #6B5E50	RGB 107 94 80	#6B5E50
16.7%	16.7% #675645	RGB 103 86 69	#675645
33.3%	33.3% #634E3A	RGB 99 78 58	#634E3A
50.0%	50.0% #5F472F	RGB 95 71 47	#5F472F
66.7%	66.7% #5B3F24	RGB 91 63 36	#5B3F24
83.3%	83.3% #573719	RGB 87 55 25	#573719
100.0%	100.0% #53300E	RGB 83 48 14	#53300E

#6B5E50 #675645 #634E3A #5F472F #5B3F24 #573719 #53300E

#6B5E50 - #53300E

HSV Blend

#6B5E50 - #53300E | 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 #6B5E50 as 0% and #53300E as 100%.

0.0%	0.0% #6B5E50	RGB 107 94 80	#6B5E50
16.7%	16.7% #675543	RGB 103 85 67	#675543
33.3%	33.3% #634D36	RGB 99 77 54	#634D36
50.0%	50.0% #5F452B	RGB 95 69 43	#5F452B
66.7%	66.7% #5B3E20	RGB 91 62 32	#5B3E20
83.3%	83.3% #573617	RGB 87 54 23	#573617
100.0%	100.0% #53300E	RGB 83 48 14	#53300E

#6B5E50 #675543 #634D36 #5F452B #5B3E20 #573617 #53300E

#6B5E50 - #5F452B - #53300E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E50 0%, #5F452B 50%, #53300E 100%);
    background: -webkit-linear-gradient(top, #6B5E50 0%, #5F452B 50%, #53300E 100%);
    background: linear-gradient(to bottom, #6B5E50 0%, #5F452B 50%, #53300E 100%);
}
</style>