#6C625C - #5E4011 | 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 #6C625C to #5E4011

#6C625C #5E4011

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

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

0.0%	0.0% #6C625C	RGB 108 98 92	#6C625C
16.7%	16.7% #695C4F	RGB 105 92 79	#695C4F
33.3%	33.3% #675643	RGB 103 86 67	#675643
50.0%	50.0% #655136	RGB 101 81 54	#655136
66.7%	66.7% #624B2A	RGB 98 75 42	#624B2A
83.3%	83.3% #60451D	RGB 96 69 29	#60451D
100.0%	100.0% #5E4011	RGB 94 64 17	#5E4011

#6C625C #695C4F #675643 #655136 #624B2A #60451D #5E4011

#6C625C - #5E4011

HSV Blend

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

0.0%	0.0% #6C625C	RGB 108 98 92	#6C625C
16.7%	16.7% #69594E	RGB 105 89 78	#69594E
33.3%	33.3% #675240	RGB 103 82 64	#675240
50.0%	50.0% #654C34	RGB 101 76 52	#654C34
66.7%	66.7% #624727	RGB 98 71 39	#624727
83.3%	83.3% #60431C	RGB 96 67 28	#60431C
100.0%	100.0% #5E4011	RGB 94 64 17	#5E4011

#6C625C #69594E #675240 #654C34 #624727 #60431C #5E4011

#6C625C - #654C34 - #5E4011

CSS codes

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

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