#5E4A2B - #CF8E4B | 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 #5E4A2B to #CF8E4B

#5E4A2B #CF8E4B

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

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

0.0%	0.0% #5E4A2B	RGB 94 74 43	#5E4A2B
16.7%	16.7% #705530	RGB 112 85 48	#705530
33.3%	33.3% #836035	RGB 131 96 53	#836035
50.0%	50.0% #966C3B	RGB 150 108 59	#966C3B
66.7%	66.7% #A97740	RGB 169 119 64	#A97740
83.3%	83.3% #BC8245	RGB 188 130 69	#BC8245
100.0%	100.0% #CF8E4B	RGB 207 142 75	#CF8E4B

#5E4A2B #705530 #836035 #966C3B #A97740 #BC8245 #CF8E4B

#5E4A2B - #CF8E4B

HSV Blend

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

0.0%	0.0% #5E4A2B	RGB 94 74 43	#5E4A2B
16.7%	16.7% #705731	RGB 112 87 49	#705731
33.3%	33.3% #836338	RGB 131 99 56	#836338
50.0%	50.0% #966F3D	RGB 150 111 61	#966F3D
66.7%	66.7% #A97A42	RGB 169 122 66	#A97A42
83.3%	83.3% #BC8447	RGB 188 132 71	#BC8447
100.0%	100.0% #CF8E4B	RGB 207 142 75	#CF8E4B

#5E4A2B #705731 #836338 #966F3D #A97A42 #BC8447 #CF8E4B

#5E4A2B - #966F3D - #CF8E4B

CSS codes

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

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