#5E3C3B - #C78464 | 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 #5E3C3B to #C78464

#5E3C3B #C78464

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

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

0.0%	0.0% #5E3C3B	RGB 94 60 59	#5E3C3B
16.7%	16.7% #6F4841	RGB 111 72 65	#6F4841
33.3%	33.3% #815448	RGB 129 84 72	#815448
50.0%	50.0% #92604F	RGB 146 96 79	#92604F
66.7%	66.7% #A46C56	RGB 164 108 86	#A46C56
83.3%	83.3% #B5785D	RGB 181 120 93	#B5785D
100.0%	100.0% #C78464	RGB 199 132 100	#C78464

#5E3C3B #6F4841 #815448 #92604F #A46C56 #B5785D #C78464

#5E3C3B - #C78464

HSV Blend

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

0.0%	0.0% #5E3C3B	RGB 94 60 59	#5E3C3B
16.7%	16.7% #6F4743	RGB 111 71 67	#6F4743
33.3%	33.3% #81524B	RGB 129 82 75	#81524B
50.0%	50.0% #925D52	RGB 146 93 82	#925D52
66.7%	66.7% #A46A59	RGB 164 106 89	#A46A59
83.3%	83.3% #B5765E	RGB 181 118 94	#B5765E
100.0%	100.0% #C78464	RGB 199 132 100	#C78464

#5E3C3B #6F4743 #81524B #925D52 #A46A59 #B5765E #C78464

#5E3C3B - #925D52 - #C78464

CSS codes

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

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