#6A6B2D - #97CE6B | 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 #6A6B2D to #97CE6B

#6A6B2D #97CE6B

Calculate the color between two colors, #6A6B2D and #97CE6B. 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)

#6A6B2D - #97CE6B | 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 #6A6B2D as 0% and #97CE6B as 100%.

0.0%	0.0% #6A6B2D	RGB 106 107 45	#6A6B2D
16.7%	16.7% #717B37	RGB 113 123 55	#717B37
33.3%	33.3% #798C41	RGB 121 140 65	#798C41
50.0%	50.0% #809C4C	RGB 128 156 76	#809C4C
66.7%	66.7% #88AD56	RGB 136 173 86	#88AD56
83.3%	83.3% #8FBD60	RGB 143 189 96	#8FBD60
100.0%	100.0% #97CE6B	RGB 151 206 107	#97CE6B

#6A6B2D #717B37 #798C41 #809C4C #88AD56 #8FBD60 #97CE6B

#6A6B2D - #97CE6B

HSV Blend

#6A6B2D - #97CE6B | 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 #6A6B2D as 0% and #97CE6B as 100%.

0.0%	0.0% #6A6B2D	RGB 106 107 45	#6A6B2D
16.7%	16.7% #747B35	RGB 116 123 53	#747B35
33.3%	33.3% #7D8C3F	RGB 125 140 63	#7D8C3F
50.0%	50.0% #849C49	RGB 132 156 73	#849C49
66.7%	66.7% #8BAD54	RGB 139 173 84	#8BAD54
83.3%	83.3% #91BD5F	RGB 145 189 95	#91BD5F
100.0%	100.0% #97CE6B	RGB 151 206 107	#97CE6B

#6A6B2D #747B35 #7D8C3F #849C49 #8BAD54 #91BD5F #97CE6B

#6A6B2D - #849C49 - #97CE6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A6B2D 0%, #849C49 50%, #97CE6B 100%);
    background: -webkit-linear-gradient(top, #6A6B2D 0%, #849C49 50%, #97CE6B 100%);
    background: linear-gradient(to bottom, #6A6B2D 0%, #849C49 50%, #97CE6B 100%);
}
</style>