#A8AD6D - #697622 | 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 #A8AD6D to #697622

#A8AD6D #697622

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

#A8AD6D - #697622 | 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 #A8AD6D as 0% and #697622 as 100%.

0.0%	0.0% #A8AD6D	RGB 168 173 109	#A8AD6D
16.7%	16.7% #9DA360	RGB 157 163 96	#9DA360
33.3%	33.3% #939A54	RGB 147 154 84	#939A54
50.0%	50.0% #889147	RGB 136 145 71	#889147
66.7%	66.7% #7E883B	RGB 126 136 59	#7E883B
83.3%	83.3% #737F2E	RGB 115 127 46	#737F2E
100.0%	100.0% #697622	RGB 105 118 34	#697622

#A8AD6D #9DA360 #939A54 #889147 #7E883B #737F2E #697622

#A8AD6D - #697622

HSV Blend

#A8AD6D - #697622 | 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 #A8AD6D as 0% and #697622 as 100%.

0.0%	0.0% #A8AD6D	RGB 168 173 109	#A8AD6D
16.7%	16.7% #9DA35D	RGB 157 163 93	#9DA35D
33.3%	33.3% #929A4F	RGB 146 154 79	#929A4F
50.0%	50.0% #889142	RGB 136 145 66	#889142
66.7%	66.7% #7D8836	RGB 125 136 54	#7D8836
83.3%	83.3% #737F2B	RGB 115 127 43	#737F2B
100.0%	100.0% #697622	RGB 105 118 34	#697622

#A8AD6D #9DA35D #929A4F #889142 #7D8836 #737F2B #697622

#A8AD6D - #889142 - #697622

CSS codes

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

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