#A8AF7C - #68792C | 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 #A8AF7C to #68792C

#A8AF7C #68792C

Calculate the color between two colors, #A8AF7C and #68792C. 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)

#A8AF7C - #68792C | 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 #A8AF7C as 0% and #68792C as 100%.

0.0%	0.0% #A8AF7C	RGB 168 175 124	#A8AF7C
16.7%	16.7% #9DA66E	RGB 157 166 110	#9DA66E
33.3%	33.3% #929D61	RGB 146 157 97	#929D61
50.0%	50.0% #889454	RGB 136 148 84	#889454
66.7%	66.7% #7D8B46	RGB 125 139 70	#7D8B46
83.3%	83.3% #728239	RGB 114 130 57	#728239
100.0%	100.0% #68792C	RGB 104 121 44	#68792C

#A8AF7C #9DA66E #929D61 #889454 #7D8B46 #728239 #68792C

#A8AF7C - #68792C

HSV Blend

#A8AF7C - #68792C | 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 #A8AF7C as 0% and #68792C as 100%.

0.0%	0.0% #A8AF7C	RGB 168 175 124	#A8AF7C
16.7%	16.7% #9DA66C	RGB 157 166 108	#9DA66C
33.3%	33.3% #929D5D	RGB 146 157 93	#929D5D
50.0%	50.0% #87944F	RGB 135 148 79	#87944F
66.7%	66.7% #7D8B42	RGB 125 139 66	#7D8B42
83.3%	83.3% #728236	RGB 114 130 54	#728236
100.0%	100.0% #68792C	RGB 104 121 44	#68792C

#A8AF7C #9DA66C #929D5D #87944F #7D8B42 #728236 #68792C

#A8AF7C - #87944F - #68792C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AF7C 0%, #87944F 50%, #68792C 100%);
    background: -webkit-linear-gradient(top, #A8AF7C 0%, #87944F 50%, #68792C 100%);
    background: linear-gradient(to bottom, #A8AF7C 0%, #87944F 50%, #68792C 100%);
}
</style>