#496C5E - #0E3C2B | 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 #496C5E to #0E3C2B

#496C5E #0E3C2B

Calculate the color between two colors, #496C5E and #0E3C2B. 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)

#496C5E - #0E3C2B | 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 #496C5E as 0% and #0E3C2B as 100%.

0.0%	0.0% #496C5E	RGB 73 108 94	#496C5E
16.7%	16.7% #3F6455	RGB 63 100 85	#3F6455
33.3%	33.3% #355C4D	RGB 53 92 77	#355C4D
50.0%	50.0% #2B5444	RGB 43 84 68	#2B5444
66.7%	66.7% #214C3C	RGB 33 76 60	#214C3C
83.3%	83.3% #174433	RGB 23 68 51	#174433
100.0%	100.0% #0E3C2B	RGB 14 60 43	#0E3C2B

#496C5E #3F6455 #355C4D #2B5444 #214C3C #174433 #0E3C2B

#496C5E - #0E3C2B

HSV Blend

#496C5E - #0E3C2B | 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 #496C5E as 0% and #0E3C2B as 100%.

0.0%	0.0% #496C5E	RGB 73 108 94	#496C5E
16.7%	16.7% #3C6454	RGB 60 100 84	#3C6454
33.3%	33.3% #305C4B	RGB 48 92 75	#305C4B
50.0%	50.0% #265442	RGB 38 84 66	#265442
66.7%	66.7% #1C4C3A	RGB 28 76 58	#1C4C3A
83.3%	83.3% #144432	RGB 20 68 50	#144432
100.0%	100.0% #0E3C2B	RGB 14 60 43	#0E3C2B

#496C5E #3C6454 #305C4B #265442 #1C4C3A #144432 #0E3C2B

#496C5E - #265442 - #0E3C2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #496C5E 0%, #265442 50%, #0E3C2B 100%);
    background: -webkit-linear-gradient(top, #496C5E 0%, #265442 50%, #0E3C2B 100%);
    background: linear-gradient(to bottom, #496C5E 0%, #265442 50%, #0E3C2B 100%);
}
</style>