#5E3A40 - #CA7D5D | 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 #5E3A40 to #CA7D5D

#5E3A40 #CA7D5D

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

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

0.0%	0.0% #5E3A40	RGB 94 58 64	#5E3A40
16.7%	16.7% #704544	RGB 112 69 68	#704544
33.3%	33.3% #825049	RGB 130 80 73	#825049
50.0%	50.0% #945B4E	RGB 148 91 78	#945B4E
66.7%	66.7% #A66653	RGB 166 102 83	#A66653
83.3%	83.3% #B87158	RGB 184 113 88	#B87158
100.0%	100.0% #CA7D5D	RGB 202 125 93	#CA7D5D

#5E3A40 #704544 #825049 #945B4E #A66653 #B87158 #CA7D5D

#5E3A40 - #CA7D5D

HSV Blend

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

0.0%	0.0% #5E3A40	RGB 94 58 64	#5E3A40
16.7%	16.7% #704246	RGB 112 66 70	#704246
33.3%	33.3% #82494A	RGB 130 73 74	#82494A
50.0%	50.0% #94544F	RGB 148 84 79	#94544F
66.7%	66.7% #A66055	RGB 166 96 85	#A66055
83.3%	83.3% #B86E59	RGB 184 110 89	#B86E59
100.0%	100.0% #CA7D5D	RGB 202 125 93	#CA7D5D

#5E3A40 #704246 #82494A #94544F #A66055 #B86E59 #CA7D5D

#5E3A40 - #94544F - #CA7D5D

CSS codes

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

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