#6B5E56 - #572E10 | 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 #6B5E56 to #572E10

#6B5E56 #572E10

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

#6B5E56 - #572E10 | 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 #6B5E56 as 0% and #572E10 as 100%.

0.0%	0.0% #6B5E56	RGB 107 94 86	#6B5E56
16.7%	16.7% #67564A	RGB 103 86 74	#67564A
33.3%	33.3% #644E3E	RGB 100 78 62	#644E3E
50.0%	50.0% #614633	RGB 97 70 51	#614633
66.7%	66.7% #5D3E27	RGB 93 62 39	#5D3E27
83.3%	83.3% #5A361B	RGB 90 54 27	#5A361B
100.0%	100.0% #572E10	RGB 87 46 16	#572E10

#6B5E56 #67564A #644E3E #614633 #5D3E27 #5A361B #572E10

#6B5E56 - #572E10

HSV Blend

#6B5E56 - #572E10 | 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 #6B5E56 as 0% and #572E10 as 100%.

0.0%	0.0% #6B5E56	RGB 107 94 86	#6B5E56
16.7%	16.7% #675448	RGB 103 84 72	#675448
33.3%	33.3% #644B3B	RGB 100 75 59	#644B3B
50.0%	50.0% #61432F	RGB 97 67 47	#61432F
66.7%	66.7% #5D3B24	RGB 93 59 36	#5D3B24
83.3%	83.3% #5A3419	RGB 90 52 25	#5A3419
100.0%	100.0% #572E10	RGB 87 46 16	#572E10

#6B5E56 #675448 #644B3B #61432F #5D3B24 #5A3419 #572E10

#6B5E56 - #61432F - #572E10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E56 0%, #61432F 50%, #572E10 100%);
    background: -webkit-linear-gradient(top, #6B5E56 0%, #61432F 50%, #572E10 100%);
    background: linear-gradient(to bottom, #6B5E56 0%, #61432F 50%, #572E10 100%);
}
</style>