#3D5E3C - #134204 | 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 #3D5E3C to #134204

#3D5E3C #134204

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

#3D5E3C - #134204 | 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 #3D5E3C as 0% and #134204 as 100%.

0.0%	0.0% #3D5E3C	RGB 61 94 60	#3D5E3C
16.7%	16.7% #365932	RGB 54 89 50	#365932
33.3%	33.3% #2F5429	RGB 47 84 41	#2F5429
50.0%	50.0% #285020	RGB 40 80 32	#285020
66.7%	66.7% #214B16	RGB 33 75 22	#214B16
83.3%	83.3% #1A460D	RGB 26 70 13	#1A460D
100.0%	100.0% #134204	RGB 19 66 4	#134204

#3D5E3C #365932 #2F5429 #285020 #214B16 #1A460D #134204

#3D5E3C - #134204

HSV Blend

#3D5E3C - #134204 | 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 #3D5E3C as 0% and #134204 as 100%.

0.0%	0.0% #3D5E3C	RGB 61 94 60	#3D5E3C
16.7%	16.7% #335930	RGB 51 89 48	#335930
33.3%	33.3% #2A5425	RGB 42 84 37	#2A5425
50.0%	50.0% #23501B	RGB 35 80 27	#23501B
66.7%	66.7% #1C4B13	RGB 28 75 19	#1C4B13
83.3%	83.3% #17460B	RGB 23 70 11	#17460B
100.0%	100.0% #134204	RGB 19 66 4	#134204

#3D5E3C #335930 #2A5425 #23501B #1C4B13 #17460B #134204

#3D5E3C - #23501B - #134204

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E3C 0%, #23501B 50%, #134204 100%);
    background: -webkit-linear-gradient(top, #3D5E3C 0%, #23501B 50%, #134204 100%);
    background: linear-gradient(to bottom, #3D5E3C 0%, #23501B 50%, #134204 100%);
}
</style>