#3E5E4B - #7CB965 | 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 #3E5E4B to #7CB965

#3E5E4B #7CB965

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

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

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #486D4F	RGB 72 109 79	#486D4F
33.3%	33.3% #527C53	RGB 82 124 83	#527C53
50.0%	50.0% #5D8B58	RGB 93 139 88	#5D8B58
66.7%	66.7% #679A5C	RGB 103 154 92	#679A5C
83.3%	83.3% #71A960	RGB 113 169 96	#71A960
100.0%	100.0% #7CB965	RGB 124 185 101	#7CB965

#3E5E4B #486D4F #527C53 #5D8B58 #679A5C #71A960 #7CB965

#3E5E4B - #7CB965

HSV Blend

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

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #456D51	RGB 69 109 81	#456D51
33.3%	33.3% #4D7C55	RGB 77 124 85	#4D7C55
50.0%	50.0% #548B57	RGB 84 139 87	#548B57
66.7%	66.7% #5D9A5A	RGB 93 154 90	#5D9A5A
83.3%	83.3% #6BA95F	RGB 107 169 95	#6BA95F
100.0%	100.0% #7CB965	RGB 124 185 101	#7CB965

#3E5E4B #456D51 #4D7C55 #548B57 #5D9A5A #6BA95F #7CB965

#3E5E4B - #548B57 - #7CB965

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4B 0%, #548B57 50%, #7CB965 100%);
    background: -webkit-linear-gradient(top, #3E5E4B 0%, #548B57 50%, #7CB965 100%);
    background: linear-gradient(to bottom, #3E5E4B 0%, #548B57 50%, #7CB965 100%);
}
</style>