#A1B2AD - #BFDBAF | 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 #A1B2AD to #BFDBAF

#A1B2AD #BFDBAF

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

#A1B2AD - #BFDBAF | 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 #A1B2AD as 0% and #BFDBAF as 100%.

0.0%	0.0% #A1B2AD	RGB 161 178 173	#A1B2AD
16.7%	16.7% #A6B8AD	RGB 166 184 173	#A6B8AD
33.3%	33.3% #ABBFAD	RGB 171 191 173	#ABBFAD
50.0%	50.0% #B0C6AE	RGB 176 198 174	#B0C6AE
66.7%	66.7% #B5CDAE	RGB 181 205 174	#B5CDAE
83.3%	83.3% #BAD4AE	RGB 186 212 174	#BAD4AE
100.0%	100.0% #BFDBAF	RGB 191 219 175	#BFDBAF

#A1B2AD #A6B8AD #ABBFAD #B0C6AE #B5CDAE #BAD4AE #BFDBAF

#A1B2AD - #BFDBAF

HSV Blend

#A1B2AD - #BFDBAF | 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 #A1B2AD as 0% and #BFDBAF as 100%.

0.0%	0.0% #A1B2AD	RGB 161 178 173	#A1B2AD
16.7%	16.7% #A3B8AE	RGB 163 184 174	#A3B8AE
33.3%	33.3% #A6BFAF	RGB 166 191 175	#A6BFAF
50.0%	50.0% #A9C6AE	RGB 169 198 174	#A9C6AE
66.7%	66.7% #ABCDAB	RGB 171 205 171	#ABCDAB
83.3%	83.3% #B4D4AD	RGB 180 212 173	#B4D4AD
100.0%	100.0% #BFDBAF	RGB 191 219 175	#BFDBAF

#A1B2AD #A3B8AE #A6BFAF #A9C6AE #ABCDAB #B4D4AD #BFDBAF

#A1B2AD - #A9C6AE - #BFDBAF

CSS codes

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

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