#A0ADA6 - #BFDAAE | 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 #A0ADA6 to #BFDAAE

#A0ADA6 #BFDAAE

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

#A0ADA6 - #BFDAAE | 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 #A0ADA6 as 0% and #BFDAAE as 100%.

0.0%	0.0% #A0ADA6	RGB 160 173 166	#A0ADA6
16.7%	16.7% #A5B4A7	RGB 165 180 167	#A5B4A7
33.3%	33.3% #AABCA8	RGB 170 188 168	#AABCA8
50.0%	50.0% #AFC3AA	RGB 175 195 170	#AFC3AA
66.7%	66.7% #B4CBAB	RGB 180 203 171	#B4CBAB
83.3%	83.3% #B9D2AC	RGB 185 210 172	#B9D2AC
100.0%	100.0% #BFDAAE	RGB 191 218 174	#BFDAAE

#A0ADA6 #A5B4A7 #AABCA8 #AFC3AA #B4CBAB #B9D2AC #BFDAAE

#A0ADA6 - #BFDAAE

HSV Blend

#A0ADA6 - #BFDAAE | 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 #A0ADA6 as 0% and #BFDAAE as 100%.

0.0%	0.0% #A0ADA6	RGB 160 173 166	#A0ADA6
16.7%	16.7% #A3B4A8	RGB 163 180 168	#A3B4A8
33.3%	33.3% #A5BCA9	RGB 165 188 169	#A5BCA9
50.0%	50.0% #A8C3A9	RGB 168 195 169	#A8C3A9
66.7%	66.7% #ADCBAA	RGB 173 203 170	#ADCBAA
83.3%	83.3% #B5D2AC	RGB 181 210 172	#B5D2AC
100.0%	100.0% #BFDAAE	RGB 191 218 174	#BFDAAE

#A0ADA6 #A3B4A8 #A5BCA9 #A8C3A9 #ADCBAA #B5D2AC #BFDAAE

#A0ADA6 - #A8C3A9 - #BFDAAE

CSS codes

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

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