#6B564D - #5A360B | 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 #6B564D to #5A360B

#6B564D #5A360B

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

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

0.0%	0.0% #6B564D	RGB 107 86 77	#6B564D
16.7%	16.7% #685042	RGB 104 80 66	#685042
33.3%	33.3% #654B37	RGB 101 75 55	#654B37
50.0%	50.0% #62462C	RGB 98 70 44	#62462C
66.7%	66.7% #5F4020	RGB 95 64 32	#5F4020
83.3%	83.3% #5C3B16	RGB 92 59 22	#5C3B16
100.0%	100.0% #5A360B	RGB 90 54 11	#5A360B

#6B564D #685042 #654B37 #62462C #5F4020 #5C3B16 #5A360B

#6B564D - #5A360B

HSV Blend

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

0.0%	0.0% #6B564D	RGB 107 86 77	#6B564D
16.7%	16.7% #684E40	RGB 104 78 64	#684E40
33.3%	33.3% #654734	RGB 101 71 52	#654734
50.0%	50.0% #624129	RGB 98 65 41	#624129
66.7%	66.7% #5F3C1E	RGB 95 60 30	#5F3C1E
83.3%	83.3% #5C3814	RGB 92 56 20	#5C3814
100.0%	100.0% #5A360B	RGB 90 54 11	#5A360B

#6B564D #684E40 #654734 #624129 #5F3C1E #5C3814 #5A360B

#6B564D - #624129 - #5A360B

CSS codes

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

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