#A7B6AA - #C2FFE6 | 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 #A7B6AA to #C2FFE6

#A7B6AA #C2FFE6

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

#A7B6AA - #C2FFE6 | 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 #A7B6AA as 0% and #C2FFE6 as 100%.

0.0%	0.0% #A7B6AA	RGB 167 182 170	#A7B6AA
16.7%	16.7% #ABC2B4	RGB 171 194 180	#ABC2B4
33.3%	33.3% #B0CEBE	RGB 176 206 190	#B0CEBE
50.0%	50.0% #B4DAC8	RGB 180 218 200	#B4DAC8
66.7%	66.7% #B9E6D2	RGB 185 230 210	#B9E6D2
83.3%	83.3% #BDF2DC	RGB 189 242 220	#BDF2DC
100.0%	100.0% #C2FFE6	RGB 194 255 230	#C2FFE6

#A7B6AA #ABC2B4 #B0CEBE #B4DAC8 #B9E6D2 #BDF2DC #C2FFE6

#A7B6AA - #C2FFE6

HSV Blend

#A7B6AA - #C2FFE6 | 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 #A7B6AA as 0% and #C2FFE6 as 100%.

0.0%	0.0% #A7B6AA	RGB 167 182 170	#A7B6AA
16.7%	16.7% #ADC2B2	RGB 173 194 178	#ADC2B2
33.3%	33.3% #B2CEBB	RGB 178 206 187	#B2CEBB
50.0%	50.0% #B7DAC5	RGB 183 218 197	#B7DAC5
66.7%	66.7% #BBE6CF	RGB 187 230 207	#BBE6CF
83.3%	83.3% #BFF2DA	RGB 191 242 218	#BFF2DA
100.0%	100.0% #C2FFE6	RGB 194 255 230	#C2FFE6

#A7B6AA #ADC2B2 #B2CEBB #B7DAC5 #BBE6CF #BFF2DA #C2FFE6

#A7B6AA - #B7DAC5 - #C2FFE6

CSS codes

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

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