#A8BA7A - #C8C8C9 | 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 #A8BA7A to #C8C8C9

#A8BA7A #C8C8C9

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

#A8BA7A - #C8C8C9 | 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 #A8BA7A as 0% and #C8C8C9 as 100%.

0.0%	0.0% #A8BA7A	RGB 168 186 122	#A8BA7A
16.7%	16.7% #ADBC87	RGB 173 188 135	#ADBC87
33.3%	33.3% #B2BE94	RGB 178 190 148	#B2BE94
50.0%	50.0% #B8C1A1	RGB 184 193 161	#B8C1A1
66.7%	66.7% #BDC3AE	RGB 189 195 174	#BDC3AE
83.3%	83.3% #C2C5BB	RGB 194 197 187	#C2C5BB
100.0%	100.0% #C8C8C9	RGB 200 200 201	#C8C8C9

#A8BA7A #ADBC87 #B2BE94 #B8C1A1 #BDC3AE #C2C5BB #C8C8C9

#A8BA7A - #C8C8C9

HSV Blend

#A8BA7A - #C8C8C9 | 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 #A8BA7A as 0% and #C8C8C9 as 100%.

0.0%	0.0% #A8BA7A	RGB 168 186 122	#A8BA7A
16.7%	16.7% #94BC86	RGB 148 188 134	#94BC86
33.3%	33.3% #92BF9B	RGB 146 191 155	#92BF9B
50.0%	50.0% #9FC1B5	RGB 159 193 181	#9FC1B5
66.7%	66.7% #ACC1C4	RGB 172 193 196	#ACC1C4
83.3%	83.3% #BABFC6	RGB 186 191 198	#BABFC6
100.0%	100.0% #C8C8C9	RGB 200 200 201	#C8C8C9

#A8BA7A #94BC86 #92BF9B #9FC1B5 #ACC1C4 #BABFC6 #C8C8C9

#A8BA7A - #9FC1B5 - #C8C8C9

CSS codes

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

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