#3A6B5E - #083D2A | 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 #3A6B5E to #083D2A

#3A6B5E #083D2A

Calculate the color between two colors, #3A6B5E and #083D2A. 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)

#3A6B5E - #083D2A | 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 #3A6B5E as 0% and #083D2A as 100%.

0.0%	0.0% #3A6B5E	RGB 58 107 94	#3A6B5E
16.7%	16.7% #316355	RGB 49 99 85	#316355
33.3%	33.3% #295B4C	RGB 41 91 76	#295B4C
50.0%	50.0% #215444	RGB 33 84 68	#215444
66.7%	66.7% #184C3B	RGB 24 76 59	#184C3B
83.3%	83.3% #104432	RGB 16 68 50	#104432
100.0%	100.0% #083D2A	RGB 8 61 42	#083D2A

#3A6B5E #316355 #295B4C #215444 #184C3B #104432 #083D2A

#3A6B5E - #083D2A

HSV Blend

#3A6B5E - #083D2A | 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 #3A6B5E as 0% and #083D2A as 100%.

0.0%	0.0% #3A6B5E	RGB 58 107 94	#3A6B5E
16.7%	16.7% #2F6354	RGB 47 99 84	#2F6354
33.3%	33.3% #255B4B	RGB 37 91 75	#255B4B
50.0%	50.0% #1C5442	RGB 28 84 66	#1C5442
66.7%	66.7% #144C3A	RGB 20 76 58	#144C3A
83.3%	83.3% #0D4431	RGB 13 68 49	#0D4431
100.0%	100.0% #083D2A	RGB 8 61 42	#083D2A

#3A6B5E #2F6354 #255B4B #1C5442 #144C3A #0D4431 #083D2A

#3A6B5E - #1C5442 - #083D2A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A6B5E 0%, #1C5442 50%, #083D2A 100%);
    background: -webkit-linear-gradient(top, #3A6B5E 0%, #1C5442 50%, #083D2A 100%);
    background: linear-gradient(to bottom, #3A6B5E 0%, #1C5442 50%, #083D2A 100%);
}
</style>