#6E625A - #5E3F10 | 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 #6E625A to #5E3F10

#6E625A #5E3F10

Calculate the color between two colors, #6E625A and #5E3F10. 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)

#6E625A - #5E3F10 | 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 #6E625A as 0% and #5E3F10 as 100%.

0.0%	0.0% #6E625A	RGB 110 98 90	#6E625A
16.7%	16.7% #6B5C4D	RGB 107 92 77	#6B5C4D
33.3%	33.3% #685641	RGB 104 86 65	#685641
50.0%	50.0% #665035	RGB 102 80 53	#665035
66.7%	66.7% #634A28	RGB 99 74 40	#634A28
83.3%	83.3% #60441C	RGB 96 68 28	#60441C
100.0%	100.0% #5E3F10	RGB 94 63 16	#5E3F10

#6E625A #6B5C4D #685641 #665035 #634A28 #60441C #5E3F10

#6E625A - #5E3F10

HSV Blend

#6E625A - #5E3F10 | 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 #6E625A as 0% and #5E3F10 as 100%.

0.0%	0.0% #6E625A	RGB 110 98 90	#6E625A
16.7%	16.7% #6B594C	RGB 107 89 76	#6B594C
33.3%	33.3% #68523F	RGB 104 82 63	#68523F
50.0%	50.0% #664C32	RGB 102 76 50	#664C32
66.7%	66.7% #634626	RGB 99 70 38	#634626
83.3%	83.3% #60421A	RGB 96 66 26	#60421A
100.0%	100.0% #5E3F10	RGB 94 63 16	#5E3F10

#6E625A #6B594C #68523F #664C32 #634626 #60421A #5E3F10

#6E625A - #664C32 - #5E3F10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E625A 0%, #664C32 50%, #5E3F10 100%);
    background: -webkit-linear-gradient(top, #6E625A 0%, #664C32 50%, #5E3F10 100%);
    background: linear-gradient(to bottom, #6E625A 0%, #664C32 50%, #5E3F10 100%);
}
</style>