#5E3B31 - #C68055 | 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 #5E3B31 to #C68055

#5E3B31 #C68055

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

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

0.0%	0.0% #5E3B31	RGB 94 59 49	#5E3B31
16.7%	16.7% #6F4637	RGB 111 70 55	#6F4637
33.3%	33.3% #80523D	RGB 128 82 61	#80523D
50.0%	50.0% #925D43	RGB 146 93 67	#925D43
66.7%	66.7% #A36949	RGB 163 105 73	#A36949
83.3%	83.3% #B4744F	RGB 180 116 79	#B4744F
100.0%	100.0% #C68055	RGB 198 128 85	#C68055

#5E3B31 #6F4637 #80523D #925D43 #A36949 #B4744F #C68055

#5E3B31 - #C68055

HSV Blend

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

0.0%	0.0% #5E3B31	RGB 94 59 49	#5E3B31
16.7%	16.7% #6F4638	RGB 111 70 56	#6F4638
33.3%	33.3% #80513F	RGB 128 81 63	#80513F
50.0%	50.0% #925C45	RGB 146 92 69	#925C45
66.7%	66.7% #A3684B	RGB 163 104 75	#A3684B
83.3%	83.3% #B47350	RGB 180 115 80	#B47350
100.0%	100.0% #C68055	RGB 198 128 85	#C68055

#5E3B31 #6F4638 #80513F #925C45 #A3684B #B47350 #C68055

#5E3B31 - #925C45 - #C68055

CSS codes

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

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