#99A291 - #52713B | 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 #99A291 to #52713B

#99A291 #52713B

Calculate the color between two colors, #99A291 and #52713B. 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)

#99A291 - #52713B | 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 #99A291 as 0% and #52713B as 100%.

0.0%	0.0% #99A291	RGB 153 162 145	#99A291
16.7%	16.7% #8D9982	RGB 141 153 130	#8D9982
33.3%	33.3% #819174	RGB 129 145 116	#819174
50.0%	50.0% #758966	RGB 117 137 102	#758966
66.7%	66.7% #698157	RGB 105 129 87	#698157
83.3%	83.3% #5D7949	RGB 93 121 73	#5D7949
100.0%	100.0% #52713B	RGB 82 113 59	#52713B

#99A291 #8D9982 #819174 #758966 #698157 #5D7949 #52713B

#99A291 - #52713B

HSV Blend

#99A291 - #52713B | 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 #99A291 as 0% and #52713B as 100%.

0.0%	0.0% #99A291	RGB 153 162 145	#99A291
16.7%	16.7% #8C9980	RGB 140 153 128	#8C9980
33.3%	33.3% #7F9170	RGB 127 145 112	#7F9170
50.0%	50.0% #738961	RGB 115 137 97	#738961
66.7%	66.7% #678153	RGB 103 129 83	#678153
83.3%	83.3% #5C7946	RGB 92 121 70	#5C7946
100.0%	100.0% #52713B	RGB 82 113 59	#52713B

#99A291 #8C9980 #7F9170 #738961 #678153 #5C7946 #52713B

#99A291 - #738961 - #52713B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99A291 0%, #738961 50%, #52713B 100%);
    background: -webkit-linear-gradient(top, #99A291 0%, #738961 50%, #52713B 100%);
    background: linear-gradient(to bottom, #99A291 0%, #738961 50%, #52713B 100%);
}
</style>