#6E5552 - #5C240E | 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 #6E5552 to #5C240E

#6E5552 #5C240E

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

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

0.0%	0.0% #6E5552	RGB 110 85 82	#6E5552
16.7%	16.7% #6B4C46	RGB 107 76 70	#6B4C46
33.3%	33.3% #68443B	RGB 104 68 59	#68443B
50.0%	50.0% #653C30	RGB 101 60 48	#653C30
66.7%	66.7% #623424	RGB 98 52 36	#623424
83.3%	83.3% #5F2C19	RGB 95 44 25	#5F2C19
100.0%	100.0% #5C240E	RGB 92 36 14	#5C240E

#6E5552 #6B4C46 #68443B #653C30 #623424 #5F2C19 #5C240E

#6E5552 - #5C240E

HSV Blend

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

0.0%	0.0% #6E5552	RGB 110 85 82	#6E5552
16.7%	16.7% #6B4A45	RGB 107 74 69	#6B4A45
33.3%	33.3% #684038	RGB 104 64 56	#684038
50.0%	50.0% #65382D	RGB 101 56 45	#65382D
66.7%	66.7% #623022	RGB 98 48 34	#623022
83.3%	83.3% #5F2917	RGB 95 41 23	#5F2917
100.0%	100.0% #5C240E	RGB 92 36 14	#5C240E

#6E5552 #6B4A45 #684038 #65382D #623022 #5F2917 #5C240E

#6E5552 - #65382D - #5C240E

CSS codes

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

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