#5E482F - #CD8C50 | 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 #5E482F to #CD8C50

#5E482F #CD8C50

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

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

0.0%	0.0% #5E482F	RGB 94 72 47	#5E482F
16.7%	16.7% #705334	RGB 112 83 52	#705334
33.3%	33.3% #835E3A	RGB 131 94 58	#835E3A
50.0%	50.0% #956A3F	RGB 149 106 63	#956A3F
66.7%	66.7% #A87545	RGB 168 117 69	#A87545
83.3%	83.3% #BA804A	RGB 186 128 74	#BA804A
100.0%	100.0% #CD8C50	RGB 205 140 80	#CD8C50

#5E482F #705334 #835E3A #956A3F #A87545 #BA804A #CD8C50

#5E482F - #CD8C50

HSV Blend

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

0.0%	0.0% #5E482F	RGB 94 72 47	#5E482F
16.7%	16.7% #705436	RGB 112 84 54	#705436
33.3%	33.3% #83603C	RGB 131 96 60	#83603C
50.0%	50.0% #956C42	RGB 149 108 66	#956C42
66.7%	66.7% #A87747	RGB 168 119 71	#A87747
83.3%	83.3% #BA824C	RGB 186 130 76	#BA824C
100.0%	100.0% #CD8C50	RGB 205 140 80	#CD8C50

#5E482F #705436 #83603C #956C42 #A87747 #BA824C #CD8C50

#5E482F - #956C42 - #CD8C50

CSS codes

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

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