#5E3328 - #C0A45C | 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 #5E3328 to #C0A45C

#5E3328 #C0A45C

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

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

0.0%	0.0% #5E3328	RGB 94 51 40	#5E3328
16.7%	16.7% #6E4530	RGB 110 69 48	#6E4530
33.3%	33.3% #7E5839	RGB 126 88 57	#7E5839
50.0%	50.0% #8F6B42	RGB 143 107 66	#8F6B42
66.7%	66.7% #9F7E4A	RGB 159 126 74	#9F7E4A
83.3%	83.3% #AF9153	RGB 175 145 83	#AF9153
100.0%	100.0% #C0A45C	RGB 192 164 92	#C0A45C

#5E3328 #6E4530 #7E5839 #8F6B42 #9F7E4A #AF9153 #C0A45C

#5E3328 - #C0A45C

HSV Blend

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

0.0%	0.0% #5E3328	RGB 94 51 40	#5E3328
16.7%	16.7% #6E422F	RGB 110 66 47	#6E422F
33.3%	33.3% #7E5238	RGB 126 82 56	#7E5238
50.0%	50.0% #8F6440	RGB 143 100 64	#8F6440
66.7%	66.7% #9F7849	RGB 159 120 73	#9F7849
83.3%	83.3% #AF8D52	RGB 175 141 82	#AF8D52
100.0%	100.0% #C0A45C	RGB 192 164 92	#C0A45C

#5E3328 #6E422F #7E5238 #8F6440 #9F7849 #AF8D52 #C0A45C

#5E3328 - #8F6440 - #C0A45C

CSS codes

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

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