#5E4132 - #C6B45B | 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 #5E4132 to #C6B45B

#5E4132 #C6B45B

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

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

0.0%	0.0% #5E4132	RGB 94 65 50	#5E4132
16.7%	16.7% #6F5438	RGB 111 84 56	#6F5438
33.3%	33.3% #80673F	RGB 128 103 63	#80673F
50.0%	50.0% #927A46	RGB 146 122 70	#927A46
66.7%	66.7% #A38D4D	RGB 163 141 77	#A38D4D
83.3%	83.3% #B4A054	RGB 180 160 84	#B4A054
100.0%	100.0% #C6B45B	RGB 198 180 91	#C6B45B

#5E4132 #6F5438 #80673F #927A46 #A38D4D #B4A054 #C6B45B

#5E4132 - #C6B45B

HSV Blend

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

0.0%	0.0% #5E4132	RGB 94 65 50	#5E4132
16.7%	16.7% #6F5039	RGB 111 80 57	#6F5039
33.3%	33.3% #806141	RGB 128 97 65	#806141
50.0%	50.0% #927348	RGB 146 115 72	#927348
66.7%	66.7% #A3874F	RGB 163 135 79	#A3874F
83.3%	83.3% #B49C55	RGB 180 156 85	#B49C55
100.0%	100.0% #C6B45B	RGB 198 180 91	#C6B45B

#5E4132 #6F5039 #806141 #927348 #A3874F #B49C55 #C6B45B

#5E4132 - #927348 - #C6B45B

CSS codes

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

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