#656060 - #5E2913 | 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 #656060 to #5E2913

#656060 #5E2913

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

#656060 - #5E2913 | 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 #656060 as 0% and #5E2913 as 100%.

0.0%	0.0% #656060	RGB 101 96 96	#656060
16.7%	16.7% #635653	RGB 99 86 83	#635653
33.3%	33.3% #624D46	RGB 98 77 70	#624D46
50.0%	50.0% #614439	RGB 97 68 57	#614439
66.7%	66.7% #603B2C	RGB 96 59 44	#603B2C
83.3%	83.3% #5F321F	RGB 95 50 31	#5F321F
100.0%	100.0% #5E2913	RGB 94 41 19	#5E2913

#656060 #635653 #624D46 #614439 #603B2C #5F321F #5E2913

#656060 - #5E2913

HSV Blend

#656060 - #5E2913 | 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 #656060 as 0% and #5E2913 as 100%.

0.0%	0.0% #656060	RGB 101 96 96	#656060
16.7%	16.7% #635352	RGB 99 83 82	#635352
33.3%	33.3% #624845	RGB 98 72 69	#624845
50.0%	50.0% #613E38	RGB 97 62 56	#613E38
66.7%	66.7% #60352B	RGB 96 53 43	#60352B
83.3%	83.3% #5F2E1F	RGB 95 46 31	#5F2E1F
100.0%	100.0% #5E2913	RGB 94 41 19	#5E2913

#656060 #635352 #624845 #613E38 #60352B #5F2E1F #5E2913

#656060 - #613E38 - #5E2913

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #656060 0%, #613E38 50%, #5E2913 100%);
    background: -webkit-linear-gradient(top, #656060 0%, #613E38 50%, #5E2913 100%);
    background: linear-gradient(to bottom, #656060 0%, #613E38 50%, #5E2913 100%);
}
</style>