#482E31 - #98BC5E | 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 #482E31 to #98BC5E

#482E31 #98BC5E

Calculate the color between two colors, #482E31 and #98BC5E. 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)

#482E31 - #98BC5E | 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 #482E31 as 0% and #98BC5E as 100%.

0.0%	0.0% #482E31	RGB 72 46 49	#482E31
16.7%	16.7% #554538	RGB 85 69 56	#554538
33.3%	33.3% #625D40	RGB 98 93 64	#625D40
50.0%	50.0% #707547	RGB 112 117 71	#707547
66.7%	66.7% #7D8C4F	RGB 125 140 79	#7D8C4F
83.3%	83.3% #8AA456	RGB 138 164 86	#8AA456
100.0%	100.0% #98BC5E	RGB 152 188 94	#98BC5E

#482E31 #554538 #625D40 #707547 #7D8C4F #8AA456 #98BC5E

#482E31 - #98BC5E

HSV Blend

#482E31 - #98BC5E | 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 #482E31 as 0% and #98BC5E as 100%.

0.0%	0.0% #482E31	RGB 72 46 49	#482E31
16.7%	16.7% #5B3C38	RGB 91 60 56	#5B3C38
33.3%	33.3% #6E5241	RGB 110 82 65	#6E5241
50.0%	50.0% #826D4A	RGB 130 109 74	#826D4A
66.7%	66.7% #958D51	RGB 149 141 81	#958D51
83.3%	83.3% #9DA858	RGB 157 168 88	#9DA858
100.0%	100.0% #98BC5E	RGB 152 188 94	#98BC5E

#482E31 #5B3C38 #6E5241 #826D4A #958D51 #9DA858 #98BC5E

#482E31 - #826D4A - #98BC5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482E31 0%, #826D4A 50%, #98BC5E 100%);
    background: -webkit-linear-gradient(top, #482E31 0%, #826D4A 50%, #98BC5E 100%);
    background: linear-gradient(to bottom, #482E31 0%, #826D4A 50%, #98BC5E 100%);
}
</style>