#5E3C42 - #CB8060 | 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 #5E3C42 to #CB8060

#5E3C42 #CB8060

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

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

0.0%	0.0% #5E3C42	RGB 94 60 66	#5E3C42
16.7%	16.7% #704747	RGB 112 71 71	#704747
33.3%	33.3% #82524C	RGB 130 82 76	#82524C
50.0%	50.0% #945E51	RGB 148 94 81	#945E51
66.7%	66.7% #A66956	RGB 166 105 86	#A66956
83.3%	83.3% #B8745B	RGB 184 116 91	#B8745B
100.0%	100.0% #CB8060	RGB 203 128 96	#CB8060

#5E3C42 #704747 #82524C #945E51 #A66956 #B8745B #CB8060

#5E3C42 - #CB8060

HSV Blend

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

0.0%	0.0% #5E3C42	RGB 94 60 66	#5E3C42
16.7%	16.7% #704448	RGB 112 68 72	#704448
33.3%	33.3% #824C4C	RGB 130 76 76	#824C4C
50.0%	50.0% #945652	RGB 148 86 82	#945652
66.7%	66.7% #A66358	RGB 166 99 88	#A66358
83.3%	83.3% #B8705C	RGB 184 112 92	#B8705C
100.0%	100.0% #CB8060	RGB 203 128 96	#CB8060

#5E3C42 #704448 #824C4C #945652 #A66358 #B8705C #CB8060

#5E3C42 - #945652 - #CB8060

CSS codes

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

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