#99AF5E - #69841A | 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 #99AF5E to #69841A

#99AF5E #69841A

Calculate the color between two colors, #99AF5E and #69841A. 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)

#99AF5E - #69841A | 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 #99AF5E as 0% and #69841A as 100%.

0.0%	0.0% #99AF5E	RGB 153 175 94	#99AF5E
16.7%	16.7% #91A752	RGB 145 167 82	#91A752
33.3%	33.3% #89A047	RGB 137 160 71	#89A047
50.0%	50.0% #81993C	RGB 129 153 60	#81993C
66.7%	66.7% #799230	RGB 121 146 48	#799230
83.3%	83.3% #718B25	RGB 113 139 37	#718B25
100.0%	100.0% #69841A	RGB 105 132 26	#69841A

#99AF5E #91A752 #89A047 #81993C #799230 #718B25 #69841A

#99AF5E - #69841A

HSV Blend

#99AF5E - #69841A | 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 #99AF5E as 0% and #69841A as 100%.

0.0%	0.0% #99AF5E	RGB 153 175 94	#99AF5E
16.7%	16.7% #90A750	RGB 144 167 80	#90A750
33.3%	33.3% #88A044	RGB 136 160 68	#88A044
50.0%	50.0% #7F9938	RGB 127 153 56	#7F9938
66.7%	66.7% #78922D	RGB 120 146 45	#78922D
83.3%	83.3% #708B23	RGB 112 139 35	#708B23
100.0%	100.0% #69841A	RGB 105 132 26	#69841A

#99AF5E #90A750 #88A044 #7F9938 #78922D #708B23 #69841A

#99AF5E - #7F9938 - #69841A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99AF5E 0%, #7F9938 50%, #69841A 100%);
    background: -webkit-linear-gradient(top, #99AF5E 0%, #7F9938 50%, #69841A 100%);
    background: linear-gradient(to bottom, #99AF5E 0%, #7F9938 50%, #69841A 100%);
}
</style>