#3A5E3C - #053B0A | 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 #3A5E3C to #053B0A

#3A5E3C #053B0A

Calculate the color between two colors, #3A5E3C and #053B0A. 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)

#3A5E3C - #053B0A | 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 #3A5E3C as 0% and #053B0A as 100%.

0.0%	0.0% #3A5E3C	RGB 58 94 60	#3A5E3C
16.7%	16.7% #315833	RGB 49 88 51	#315833
33.3%	33.3% #28522B	RGB 40 82 43	#28522B
50.0%	50.0% #1F4C23	RGB 31 76 35	#1F4C23
66.7%	66.7% #16461A	RGB 22 70 26	#16461A
83.3%	83.3% #0D4012	RGB 13 64 18	#0D4012
100.0%	100.0% #053B0A	RGB 5 59 10	#053B0A

#3A5E3C #315833 #28522B #1F4C23 #16461A #0D4012 #053B0A

#3A5E3C - #053B0A

HSV Blend

#3A5E3C - #053B0A | 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 #3A5E3C as 0% and #053B0A as 100%.

0.0%	0.0% #3A5E3C	RGB 58 94 60	#3A5E3C
16.7%	16.7% #2E5831	RGB 46 88 49	#2E5831
33.3%	33.3% #245227	RGB 36 82 39	#245227
50.0%	50.0% #1A4C1E	RGB 26 76 30	#1A4C1E
66.7%	66.7% #124616	RGB 18 70 22	#124616
83.3%	83.3% #0B400F	RGB 11 64 15	#0B400F
100.0%	100.0% #053B0A	RGB 5 59 10	#053B0A

#3A5E3C #2E5831 #245227 #1A4C1E #124616 #0B400F #053B0A

#3A5E3C - #1A4C1E - #053B0A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A5E3C 0%, #1A4C1E 50%, #053B0A 100%);
    background: -webkit-linear-gradient(top, #3A5E3C 0%, #1A4C1E 50%, #053B0A 100%);
    background: linear-gradient(to bottom, #3A5E3C 0%, #1A4C1E 50%, #053B0A 100%);
}
</style>