#3A4D3E - #03471D | 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 #3A4D3E to #03471D

#3A4D3E #03471D

Calculate the color between two colors, #3A4D3E and #03471D. 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)

#3A4D3E - #03471D | 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 #3A4D3E as 0% and #03471D as 100%.

0.0%	0.0% #3A4D3E	RGB 58 77 62	#3A4D3E
16.7%	16.7% #304C38	RGB 48 76 56	#304C38
33.3%	33.3% #274B33	RGB 39 75 51	#274B33
50.0%	50.0% #1E4A2D	RGB 30 74 45	#1E4A2D
66.7%	66.7% #154928	RGB 21 73 40	#154928
83.3%	83.3% #0C4822	RGB 12 72 34	#0C4822
100.0%	100.0% #03471D	RGB 3 71 29	#03471D

#3A4D3E #304C38 #274B33 #1E4A2D #154928 #0C4822 #03471D

#3A4D3E - #03471D

HSV Blend

#3A4D3E - #03471D | 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 #3A4D3E as 0% and #03471D as 100%.

0.0%	0.0% #3A4D3E	RGB 58 77 62	#3A4D3E
16.7%	16.7% #304C36	RGB 48 76 54	#304C36
33.3%	33.3% #264B30	RGB 38 75 48	#264B30
50.0%	50.0% #1D4A2A	RGB 29 74 42	#1D4A2A
66.7%	66.7% #144925	RGB 20 73 37	#144925
83.3%	83.3% #0B4820	RGB 11 72 32	#0B4820
100.0%	100.0% #03471D	RGB 3 71 29	#03471D

#3A4D3E #304C36 #264B30 #1D4A2A #144925 #0B4820 #03471D

#3A4D3E - #1D4A2A - #03471D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A4D3E 0%, #1D4A2A 50%, #03471D 100%);
    background: -webkit-linear-gradient(top, #3A4D3E 0%, #1D4A2A 50%, #03471D 100%);
    background: linear-gradient(to bottom, #3A4D3E 0%, #1D4A2A 50%, #03471D 100%);
}
</style>