#A2ADA8 - #BFD9AF | 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 #A2ADA8 to #BFD9AF

#A2ADA8 #BFD9AF

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

#A2ADA8 - #BFD9AF | 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 #A2ADA8 as 0% and #BFD9AF as 100%.

0.0%	0.0% #A2ADA8	RGB 162 173 168	#A2ADA8
16.7%	16.7% #A6B4A9	RGB 166 180 169	#A6B4A9
33.3%	33.3% #ABBBAA	RGB 171 187 170	#ABBBAA
50.0%	50.0% #B0C3AB	RGB 176 195 171	#B0C3AB
66.7%	66.7% #B5CAAC	RGB 181 202 172	#B5CAAC
83.3%	83.3% #BAD1AD	RGB 186 209 173	#BAD1AD
100.0%	100.0% #BFD9AF	RGB 191 217 175	#BFD9AF

#A2ADA8 #A6B4A9 #ABBBAA #B0C3AB #B5CAAC #BAD1AD #BFD9AF

#A2ADA8 - #BFD9AF

HSV Blend

#A2ADA8 - #BFD9AF | 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 #A2ADA8 as 0% and #BFD9AF as 100%.

0.0%	0.0% #A2ADA8	RGB 162 173 168	#A2ADA8
16.7%	16.7% #A4B4AA	RGB 164 180 170	#A4B4AA
33.3%	33.3% #A7BBAC	RGB 167 187 172	#A7BBAC
50.0%	50.0% #A9C3AB	RGB 169 195 171	#A9C3AB
66.7%	66.7% #AECAAB	RGB 174 202 171	#AECAAB
83.3%	83.3% #B5D1AD	RGB 181 209 173	#B5D1AD
100.0%	100.0% #BFD9AF	RGB 191 217 175	#BFD9AF

#A2ADA8 #A4B4AA #A7BBAC #A9C3AB #AECAAB #B5D1AD #BFD9AF

#A2ADA8 - #A9C3AB - #BFD9AF

CSS codes

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

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