#3D5E49 - #013906 | 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 #3D5E49 to #013906

#3D5E49 #013906

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

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

0.0%	0.0% #3D5E49	RGB 61 94 73	#3D5E49
16.7%	16.7% #33573D	RGB 51 87 61	#33573D
33.3%	33.3% #295132	RGB 41 81 50	#295132
50.0%	50.0% #1F4B27	RGB 31 75 39	#1F4B27
66.7%	66.7% #15451C	RGB 21 69 28	#15451C
83.3%	83.3% #0B3F11	RGB 11 63 17	#0B3F11
100.0%	100.0% #013906	RGB 1 57 6	#013906

#3D5E49 #33573D #295132 #1F4B27 #15451C #0B3F11 #013906

#3D5E49 - #013906

HSV Blend

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

0.0%	0.0% #3D5E49	RGB 61 94 73	#3D5E49
16.7%	16.7% #2F573C	RGB 47 87 60	#2F573C
33.3%	33.3% #235130	RGB 35 81 48	#235130
50.0%	50.0% #194B24	RGB 25 75 36	#194B24
66.7%	66.7% #0F4519	RGB 15 69 25	#0F4519
83.3%	83.3% #073F0F	RGB 7 63 15	#073F0F
100.0%	100.0% #013906	RGB 1 57 6	#013906

#3D5E49 #2F573C #235130 #194B24 #0F4519 #073F0F #013906

#3D5E49 - #194B24 - #013906

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E49 0%, #194B24 50%, #013906 100%);
    background: -webkit-linear-gradient(top, #3D5E49 0%, #194B24 50%, #013906 100%);
    background: linear-gradient(to bottom, #3D5E49 0%, #194B24 50%, #013906 100%);
}
</style>