#95A895 - #3E7D52 | 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 #95A895 to #3E7D52

#95A895 #3E7D52

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

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

0.0%	0.0% #95A895	RGB 149 168 149	#95A895
16.7%	16.7% #86A089	RGB 134 160 137	#86A089
33.3%	33.3% #78997E	RGB 120 153 126	#78997E
50.0%	50.0% #699273	RGB 105 146 115	#699273
66.7%	66.7% #5B8B68	RGB 91 139 104	#5B8B68
83.3%	83.3% #4C845D	RGB 76 132 93	#4C845D
100.0%	100.0% #3E7D52	RGB 62 125 82	#3E7D52

#95A895 #86A089 #78997E #699273 #5B8B68 #4C845D #3E7D52

#95A895 - #3E7D52

HSV Blend

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

0.0%	0.0% #95A895	RGB 149 168 149	#95A895
16.7%	16.7% #84A085	RGB 132 160 133	#84A085
33.3%	33.3% #749978	RGB 116 153 120	#749978
50.0%	50.0% #65926C	RGB 101 146 108	#65926C
66.7%	66.7% #578B62	RGB 87 139 98	#578B62
83.3%	83.3% #4A8459	RGB 74 132 89	#4A8459
100.0%	100.0% #3E7D52	RGB 62 125 82	#3E7D52

#95A895 #84A085 #749978 #65926C #578B62 #4A8459 #3E7D52

#95A895 - #65926C - #3E7D52

CSS codes

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

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