#496B5E - #0D3B2B | 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 #496B5E to #0D3B2B

#496B5E #0D3B2B

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

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

0.0%	0.0% #496B5E	RGB 73 107 94	#496B5E
16.7%	16.7% #3F6355	RGB 63 99 85	#3F6355
33.3%	33.3% #355B4D	RGB 53 91 77	#355B4D
50.0%	50.0% #2B5344	RGB 43 83 68	#2B5344
66.7%	66.7% #214B3C	RGB 33 75 60	#214B3C
83.3%	83.3% #174333	RGB 23 67 51	#174333
100.0%	100.0% #0D3B2B	RGB 13 59 43	#0D3B2B

#496B5E #3F6355 #355B4D #2B5344 #214B3C #174333 #0D3B2B

#496B5E - #0D3B2B

HSV Blend

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

0.0%	0.0% #496B5E	RGB 73 107 94	#496B5E
16.7%	16.7% #3B6354	RGB 59 99 84	#3B6354
33.3%	33.3% #305B4B	RGB 48 91 75	#305B4B
50.0%	50.0% #255342	RGB 37 83 66	#255342
66.7%	66.7% #1C4B3A	RGB 28 75 58	#1C4B3A
83.3%	83.3% #134332	RGB 19 67 50	#134332
100.0%	100.0% #0D3B2B	RGB 13 59 43	#0D3B2B

#496B5E #3B6354 #305B4B #255342 #1C4B3A #134332 #0D3B2B

#496B5E - #255342 - #0D3B2B

CSS codes

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

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