#3E4342 - #74835D | 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 #3E4342 to #74835D

#3E4342 #74835D

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

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

0.0%	0.0% #3E4342	RGB 62 67 66	#3E4342
16.7%	16.7% #474D46	RGB 71 77 70	#474D46
33.3%	33.3% #50584B	RGB 80 88 75	#50584B
50.0%	50.0% #59634F	RGB 89 99 79	#59634F
66.7%	66.7% #626D54	RGB 98 109 84	#626D54
83.3%	83.3% #6B7858	RGB 107 120 88	#6B7858
100.0%	100.0% #74835D	RGB 116 131 93	#74835D

#3E4342 #474D46 #50584B #59634F #626D54 #6B7858 #74835D

#3E4342 - #74835D

HSV Blend

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

0.0%	0.0% #3E4342	RGB 62 67 66	#3E4342
16.7%	16.7% #454D49	RGB 69 77 73	#454D49
33.3%	33.3% #4B584F	RGB 75 88 79	#4B584F
50.0%	50.0% #506352	RGB 80 99 82	#506352
66.7%	66.7% #596D55	RGB 89 109 85	#596D55
83.3%	83.3% #657859	RGB 101 120 89	#657859
100.0%	100.0% #74835D	RGB 116 131 93	#74835D

#3E4342 #454D49 #4B584F #506352 #596D55 #657859 #74835D

#3E4342 - #506352 - #74835D

CSS codes

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

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