#A1B5AF - #B9EEC7 | 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 #A1B5AF to #B9EEC7

#A1B5AF #B9EEC7

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

#A1B5AF - #B9EEC7 | 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 #A1B5AF as 0% and #B9EEC7 as 100%.

0.0%	0.0% #A1B5AF	RGB 161 181 175	#A1B5AF
16.7%	16.7% #A5BEB3	RGB 165 190 179	#A5BEB3
33.3%	33.3% #A9C8B7	RGB 169 200 183	#A9C8B7
50.0%	50.0% #ADD1BB	RGB 173 209 187	#ADD1BB
66.7%	66.7% #B1DBBF	RGB 177 219 191	#B1DBBF
83.3%	83.3% #B5E4C3	RGB 181 228 195	#B5E4C3
100.0%	100.0% #B9EEC7	RGB 185 238 199	#B9EEC7

#A1B5AF #A5BEB3 #A9C8B7 #ADD1BB #B1DBBF #B5E4C3 #B9EEC7

#A1B5AF - #B9EEC7

HSV Blend

#A1B5AF - #B9EEC7 | 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 #A1B5AF as 0% and #B9EEC7 as 100%.

0.0%	0.0% #A1B5AF	RGB 161 181 175	#A1B5AF
16.7%	16.7% #A5BEB5	RGB 165 190 181	#A5BEB5
33.3%	33.3% #AAC8BA	RGB 170 200 186	#AAC8BA
50.0%	50.0% #AED1BF	RGB 174 209 191	#AED1BF
66.7%	66.7% #B2DBC3	RGB 178 219 195	#B2DBC3
83.3%	83.3% #B5E4C5	RGB 181 228 197	#B5E4C5
100.0%	100.0% #B9EEC7	RGB 185 238 199	#B9EEC7

#A1B5AF #A5BEB5 #AAC8BA #AED1BF #B2DBC3 #B5E4C5 #B9EEC7

#A1B5AF - #AED1BF - #B9EEC7

CSS codes

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

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