#3E8055 - #8AA994 | 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 #3E8055 to #8AA994

#3E8055 #8AA994

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

#3E8055 - #8AA994 | 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 #3E8055 as 0% and #8AA994 as 100%.

0.0%	0.0% #3E8055	RGB 62 128 85	#3E8055
16.7%	16.7% #4A865F	RGB 74 134 95	#4A865F
33.3%	33.3% #578D6A	RGB 87 141 106	#578D6A
50.0%	50.0% #649474	RGB 100 148 116	#649474
66.7%	66.7% #709B7F	RGB 112 155 127	#709B7F
83.3%	83.3% #7DA289	RGB 125 162 137	#7DA289
100.0%	100.0% #8AA994	RGB 138 169 148	#8AA994

#3E8055 #4A865F #578D6A #649474 #709B7F #7DA289 #8AA994

#3E8055 - #8AA994

HSV Blend

#3E8055 - #8AA994 | 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 #3E8055 as 0% and #8AA994 as 100%.

0.0%	0.0% #3E8055	RGB 62 128 85	#3E8055
16.7%	16.7% #48865E	RGB 72 134 94	#48865E
33.3%	33.3% #548D67	RGB 84 141 103	#548D67
50.0%	50.0% #609472	RGB 96 148 114	#609472
66.7%	66.7% #6D9B7C	RGB 109 155 124	#6D9B7C
83.3%	83.3% #7BA288	RGB 123 162 136	#7BA288
100.0%	100.0% #8AA994	RGB 138 169 148	#8AA994

#3E8055 #48865E #548D67 #609472 #6D9B7C #7BA288 #8AA994

#3E8055 - #609472 - #8AA994

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8055 0%, #609472 50%, #8AA994 100%);
    background: -webkit-linear-gradient(top, #3E8055 0%, #609472 50%, #8AA994 100%);
    background: linear-gradient(to bottom, #3E8055 0%, #609472 50%, #8AA994 100%);
}
</style>