#6B5E52 - #542F0E | 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 #6B5E52 to #542F0E

#6B5E52 #542F0E

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

#6B5E52 - #542F0E | 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 #6B5E52 as 0% and #542F0E as 100%.

0.0%	0.0% #6B5E52	RGB 107 94 82	#6B5E52
16.7%	16.7% #675646	RGB 103 86 70	#675646
33.3%	33.3% #634E3B	RGB 99 78 59	#634E3B
50.0%	50.0% #5F4630	RGB 95 70 48	#5F4630
66.7%	66.7% #5B3E24	RGB 91 62 36	#5B3E24
83.3%	83.3% #573619	RGB 87 54 25	#573619
100.0%	100.0% #542F0E	RGB 84 47 14	#542F0E

#6B5E52 #675646 #634E3B #5F4630 #5B3E24 #573619 #542F0E

#6B5E52 - #542F0E

HSV Blend

#6B5E52 - #542F0E | 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 #6B5E52 as 0% and #542F0E as 100%.

0.0%	0.0% #6B5E52	RGB 107 94 82	#6B5E52
16.7%	16.7% #675544	RGB 103 85 68	#675544
33.3%	33.3% #634C38	RGB 99 76 56	#634C38
50.0%	50.0% #5F442C	RGB 95 68 44	#5F442C
66.7%	66.7% #5B3D21	RGB 91 61 33	#5B3D21
83.3%	83.3% #573517	RGB 87 53 23	#573517
100.0%	100.0% #542F0E	RGB 84 47 14	#542F0E

#6B5E52 #675544 #634C38 #5F442C #5B3D21 #573517 #542F0E

#6B5E52 - #5F442C - #542F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E52 0%, #5F442C 50%, #542F0E 100%);
    background: -webkit-linear-gradient(top, #6B5E52 0%, #5F442C 50%, #542F0E 100%);
    background: linear-gradient(to bottom, #6B5E52 0%, #5F442C 50%, #542F0E 100%);
}
</style>