#482E32 - #9EBC5E | 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 #482E32 to #9EBC5E

#482E32 #9EBC5E

Calculate the color between two colors, #482E32 and #9EBC5E. 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)

#482E32 - #9EBC5E | 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 #482E32 as 0% and #9EBC5E as 100%.

0.0%	0.0% #482E32	RGB 72 46 50	#482E32
16.7%	16.7% #564539	RGB 86 69 57	#564539
33.3%	33.3% #645D40	RGB 100 93 64	#645D40
50.0%	50.0% #737548	RGB 115 117 72	#737548
66.7%	66.7% #818C4F	RGB 129 140 79	#818C4F
83.3%	83.3% #8FA456	RGB 143 164 86	#8FA456
100.0%	100.0% #9EBC5E	RGB 158 188 94	#9EBC5E

#482E32 #564539 #645D40 #737548 #818C4F #8FA456 #9EBC5E

#482E32 - #9EBC5E

HSV Blend

#482E32 - #9EBC5E | 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 #482E32 as 0% and #9EBC5E as 100%.

0.0%	0.0% #482E32	RGB 72 46 50	#482E32
16.7%	16.7% #5B3B38	RGB 91 59 56	#5B3B38
33.3%	33.3% #6E5041	RGB 110 80 65	#6E5041
50.0%	50.0% #826A4A	RGB 130 106 74	#826A4A
66.7%	66.7% #958951	RGB 149 137 81	#958951
83.3%	83.3% #A2A858	RGB 162 168 88	#A2A858
100.0%	100.0% #9EBC5E	RGB 158 188 94	#9EBC5E

#482E32 #5B3B38 #6E5041 #826A4A #958951 #A2A858 #9EBC5E

#482E32 - #826A4A - #9EBC5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482E32 0%, #826A4A 50%, #9EBC5E 100%);
    background: -webkit-linear-gradient(top, #482E32 0%, #826A4A 50%, #9EBC5E 100%);
    background: linear-gradient(to bottom, #482E32 0%, #826A4A 50%, #9EBC5E 100%);
}
</style>