#48392E - #66BC5E | 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 #48392E to #66BC5E

#48392E #66BC5E

Calculate the color between two colors, #48392E and #66BC5E. 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)

#48392E - #66BC5E | 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 #48392E as 0% and #66BC5E as 100%.

0.0%	0.0% #48392E	RGB 72 57 46	#48392E
16.7%	16.7% #4D4E36	RGB 77 78 54	#4D4E36
33.3%	33.3% #52643E	RGB 82 100 62	#52643E
50.0%	50.0% #577A46	RGB 87 122 70	#577A46
66.7%	66.7% #5C904E	RGB 92 144 78	#5C904E
83.3%	83.3% #61A656	RGB 97 166 86	#61A656
100.0%	100.0% #66BC5E	RGB 102 188 94	#66BC5E

#48392E #4D4E36 #52643E #577A46 #5C904E #61A656 #66BC5E

#48392E - #66BC5E

HSV Blend

#48392E - #66BC5E | 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 #48392E as 0% and #66BC5E as 100%.

0.0%	0.0% #48392E	RGB 72 57 46	#48392E
16.7%	16.7% #5B4F38	RGB 91 79 56	#5B4F38
33.3%	33.3% #6E6B41	RGB 110 107 65	#6E6B41
50.0%	50.0% #78824A	RGB 120 130 74	#78824A
66.7%	66.7% #799551	RGB 121 149 81	#799551
83.3%	83.3% #73A858	RGB 115 168 88	#73A858
100.0%	100.0% #66BC5E	RGB 102 188 94	#66BC5E

#48392E #5B4F38 #6E6B41 #78824A #799551 #73A858 #66BC5E

#48392E - #78824A - #66BC5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48392E 0%, #78824A 50%, #66BC5E 100%);
    background: -webkit-linear-gradient(top, #48392E 0%, #78824A 50%, #66BC5E 100%);
    background: linear-gradient(to bottom, #48392E 0%, #78824A 50%, #66BC5E 100%);
}
</style>