#A6ABA7 - #C6FFB5 | 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 #A6ABA7 to #C6FFB5

#A6ABA7 #C6FFB5

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

#A6ABA7 - #C6FFB5 | 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 #A6ABA7 as 0% and #C6FFB5 as 100%.

0.0%	0.0% #A6ABA7	RGB 166 171 167	#A6ABA7
16.7%	16.7% #ABB9A9	RGB 171 185 169	#ABB9A9
33.3%	33.3% #B0C7AB	RGB 176 199 171	#B0C7AB
50.0%	50.0% #B6D5AE	RGB 182 213 174	#B6D5AE
66.7%	66.7% #BBE3B0	RGB 187 227 176	#BBE3B0
83.3%	83.3% #C0F1B2	RGB 192 241 178	#C0F1B2
100.0%	100.0% #C6FFB5	RGB 198 255 181	#C6FFB5

#A6ABA7 #ABB9A9 #B0C7AB #B6D5AE #BBE3B0 #C0F1B2 #C6FFB5

#A6ABA7 - #C6FFB5

HSV Blend

#A6ABA7 - #C6FFB5 | 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 #A6ABA7 as 0% and #C6FFB5 as 100%.

0.0%	0.0% #A6ABA7	RGB 166 171 167	#A6ABA7
16.7%	16.7% #ABB9AD	RGB 171 185 173	#ABB9AD
33.3%	33.3% #AFC7B1	RGB 175 199 177	#AFC7B1
50.0%	50.0% #B3D5B2	RGB 179 213 178	#B3D5B2
66.7%	66.7% #B8E3B4	RGB 184 227 180	#B8E3B4
83.3%	83.3% #BEF1B5	RGB 190 241 181	#BEF1B5
100.0%	100.0% #C6FFB5	RGB 198 255 181	#C6FFB5

#A6ABA7 #ABB9AD #AFC7B1 #B3D5B2 #B8E3B4 #BEF1B5 #C6FFB5

#A6ABA7 - #B3D5B2 - #C6FFB5

CSS codes

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

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