#3E5E53 - #95A377 | 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 #3E5E53 to #95A377

#3E5E53 #95A377

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

#3E5E53 - #95A377 | 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 #3E5E53 as 0% and #95A377 as 100%.

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #4C6959	RGB 76 105 89	#4C6959
33.3%	33.3% #5B755F	RGB 91 117 95	#5B755F
50.0%	50.0% #698065	RGB 105 128 101	#698065
66.7%	66.7% #788C6B	RGB 120 140 107	#788C6B
83.3%	83.3% #869771	RGB 134 151 113	#869771
100.0%	100.0% #95A377	RGB 149 163 119	#95A377

#3E5E53 #4C6959 #5B755F #698065 #788C6B #869771 #95A377

#3E5E53 - #95A377

HSV Blend

#3E5E53 - #95A377 | 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 #3E5E53 as 0% and #95A377 as 100%.

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #466955	RGB 70 105 85	#466955
33.3%	33.3% #4F7557	RGB 79 117 87	#4F7557
50.0%	50.0% #598059	RGB 89 128 89	#598059
66.7%	66.7% #6C8C62	RGB 108 140 98	#6C8C62
83.3%	83.3% #80976C	RGB 128 151 108	#80976C
100.0%	100.0% #95A377	RGB 149 163 119	#95A377

#3E5E53 #466955 #4F7557 #598059 #6C8C62 #80976C #95A377

#3E5E53 - #598059 - #95A377

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E53 0%, #598059 50%, #95A377 100%);
    background: -webkit-linear-gradient(top, #3E5E53 0%, #598059 50%, #95A377 100%);
    background: linear-gradient(to bottom, #3E5E53 0%, #598059 50%, #95A377 100%);
}
</style>