#A6ABA1 - #C0FFC0 | 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 #A6ABA1 to #C0FFC0

#A6ABA1 #C0FFC0

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

#A6ABA1 - #C0FFC0 | 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 #A6ABA1 as 0% and #C0FFC0 as 100%.

0.0%	0.0% #A6ABA1	RGB 166 171 161	#A6ABA1
16.7%	16.7% #AAB9A6	RGB 170 185 166	#AAB9A6
33.3%	33.3% #AEC7AB	RGB 174 199 171	#AEC7AB
50.0%	50.0% #B3D5B0	RGB 179 213 176	#B3D5B0
66.7%	66.7% #B7E3B5	RGB 183 227 181	#B7E3B5
83.3%	83.3% #BBF1BA	RGB 187 241 186	#BBF1BA
100.0%	100.0% #C0FFC0	RGB 192 255 192	#C0FFC0

#A6ABA1 #AAB9A6 #AEC7AB #B3D5B0 #B7E3B5 #BBF1BA #C0FFC0

#A6ABA1 - #C0FFC0

HSV Blend

#A6ABA1 - #C0FFC0 | 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 #A6ABA1 as 0% and #C0FFC0 as 100%.

0.0%	0.0% #A6ABA1	RGB 166 171 161	#A6ABA1
16.7%	16.7% #AFB9A8	RGB 175 185 168	#AFB9A8
33.3%	33.3% #B6C7AE	RGB 182 199 174	#B6C7AE
50.0%	50.0% #BCD5B4	RGB 188 213 180	#BCD5B4
66.7%	66.7% #C0E3B9	RGB 192 227 185	#C0E3B9
83.3%	83.3% #C1F1BD	RGB 193 241 189	#C1F1BD
100.0%	100.0% #C0FFC0	RGB 192 255 192	#C0FFC0

#A6ABA1 #AFB9A8 #B6C7AE #BCD5B4 #C0E3B9 #C1F1BD #C0FFC0

#A6ABA1 - #BCD5B4 - #C0FFC0

CSS codes

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

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