#3E704C - #A6BA71 | 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 #3E704C to #A6BA71

#3E704C #A6BA71

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

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

0.0%	0.0% #3E704C	RGB 62 112 76	#3E704C
16.7%	16.7% #4F7C52	RGB 79 124 82	#4F7C52
33.3%	33.3% #608858	RGB 96 136 88	#608858
50.0%	50.0% #72955E	RGB 114 149 94	#72955E
66.7%	66.7% #83A164	RGB 131 161 100	#83A164
83.3%	83.3% #94AD6A	RGB 148 173 106	#94AD6A
100.0%	100.0% #A6BA71	RGB 166 186 113	#A6BA71

#3E704C #4F7C52 #608858 #72955E #83A164 #94AD6A #A6BA71

#3E704C - #A6BA71

HSV Blend

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

0.0%	0.0% #3E704C	RGB 62 112 76	#3E704C
16.7%	16.7% #457C4C	RGB 69 124 76	#457C4C
33.3%	33.3% #51884E	RGB 81 136 78	#51884E
50.0%	50.0% #649556	RGB 100 149 86	#649556
66.7%	66.7% #78A15F	RGB 120 161 95	#78A15F
83.3%	83.3% #8EAD67	RGB 142 173 103	#8EAD67
100.0%	100.0% #A6BA71	RGB 166 186 113	#A6BA71

#3E704C #457C4C #51884E #649556 #78A15F #8EAD67 #A6BA71

#3E704C - #649556 - #A6BA71

CSS codes

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

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