#A2B76C - #608423 | 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 #A2B76C to #608423

#A2B76C #608423

Calculate the color between two colors, #A2B76C and #608423. 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)

#A2B76C - #608423 | 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 #A2B76C as 0% and #608423 as 100%.

0.0%	0.0% #A2B76C	RGB 162 183 108	#A2B76C
16.7%	16.7% #97AE5F	RGB 151 174 95	#97AE5F
33.3%	33.3% #8CA653	RGB 140 166 83	#8CA653
50.0%	50.0% #819D47	RGB 129 157 71	#819D47
66.7%	66.7% #76953B	RGB 118 149 59	#76953B
83.3%	83.3% #6B8C2F	RGB 107 140 47	#6B8C2F
100.0%	100.0% #608423	RGB 96 132 35	#608423

#A2B76C #97AE5F #8CA653 #819D47 #76953B #6B8C2F #608423

#A2B76C - #608423

HSV Blend

#A2B76C - #608423 | 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 #A2B76C as 0% and #608423 as 100%.

0.0%	0.0% #A2B76C	RGB 162 183 108	#A2B76C
16.7%	16.7% #96AE5D	RGB 150 174 93	#96AE5D
33.3%	33.3% #8BA64F	RGB 139 166 79	#8BA64F
50.0%	50.0% #809D43	RGB 128 157 67	#809D43
66.7%	66.7% #759537	RGB 117 149 55	#759537
83.3%	83.3% #6A8C2C	RGB 106 140 44	#6A8C2C
100.0%	100.0% #608423	RGB 96 132 35	#608423

#A2B76C #96AE5D #8BA64F #809D43 #759537 #6A8C2C #608423

#A2B76C - #809D43 - #608423

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B76C 0%, #809D43 50%, #608423 100%);
    background: -webkit-linear-gradient(top, #A2B76C 0%, #809D43 50%, #608423 100%);
    background: linear-gradient(to bottom, #A2B76C 0%, #809D43 50%, #608423 100%);
}
</style>