#A8AA9F - #667148 | 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 #A8AA9F to #667148

#A8AA9F #667148

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

#A8AA9F - #667148 | 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 #A8AA9F as 0% and #667148 as 100%.

0.0%	0.0% #A8AA9F	RGB 168 170 159	#A8AA9F
16.7%	16.7% #9DA090	RGB 157 160 144	#9DA090
33.3%	33.3% #929782	RGB 146 151 130	#929782
50.0%	50.0% #878D73	RGB 135 141 115	#878D73
66.7%	66.7% #7C8465	RGB 124 132 101	#7C8465
83.3%	83.3% #717A56	RGB 113 122 86	#717A56
100.0%	100.0% #667148	RGB 102 113 72	#667148

#A8AA9F #9DA090 #929782 #878D73 #7C8465 #717A56 #667148

#A8AA9F - #667148

HSV Blend

#A8AA9F - #667148 | 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 #A8AA9F as 0% and #667148 as 100%.

0.0%	0.0% #A8AA9F	RGB 168 170 159	#A8AA9F
16.7%	16.7% #9CA08E	RGB 156 160 142	#9CA08E
33.3%	33.3% #91977E	RGB 145 151 126	#91977E
50.0%	50.0% #868D6F	RGB 134 141 111	#868D6F
66.7%	66.7% #7B8461	RGB 123 132 97	#7B8461
83.3%	83.3% #707A54	RGB 112 122 84	#707A54
100.0%	100.0% #667148	RGB 102 113 72	#667148

#A8AA9F #9CA08E #91977E #868D6F #7B8461 #707A54 #667148

#A8AA9F - #868D6F - #667148

CSS codes

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

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