#A1B5B5 - #B9EED7 | 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 #A1B5B5 to #B9EED7

#A1B5B5 #B9EED7

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

#A1B5B5 - #B9EED7 | 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 #A1B5B5 as 0% and #B9EED7 as 100%.

0.0%	0.0% #A1B5B5	RGB 161 181 181	#A1B5B5
16.7%	16.7% #A5BEBA	RGB 165 190 186	#A5BEBA
33.3%	33.3% #A9C8C0	RGB 169 200 192	#A9C8C0
50.0%	50.0% #ADD1C6	RGB 173 209 198	#ADD1C6
66.7%	66.7% #B1DBCB	RGB 177 219 203	#B1DBCB
83.3%	83.3% #B5E4D1	RGB 181 228 209	#B5E4D1
100.0%	100.0% #B9EED7	RGB 185 238 215	#B9EED7

#A1B5B5 #A5BEBA #A9C8C0 #ADD1C6 #B1DBCB #B5E4D1 #B9EED7

#A1B5B5 - #B9EED7

HSV Blend

#A1B5B5 - #B9EED7 | 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 #A1B5B5 as 0% and #B9EED7 as 100%.

0.0%	0.0% #A1B5B5	RGB 161 181 181	#A1B5B5
16.7%	16.7% #A5BEBC	RGB 165 190 188	#A5BEBC
33.3%	33.3% #AAC8C3	RGB 170 200 195	#AAC8C3
50.0%	50.0% #AED1C9	RGB 174 209 201	#AED1C9
66.7%	66.7% #B2DBCF	RGB 178 219 207	#B2DBCF
83.3%	83.3% #B5E4D3	RGB 181 228 211	#B5E4D3
100.0%	100.0% #B9EED7	RGB 185 238 215	#B9EED7

#A1B5B5 #A5BEBC #AAC8C3 #AED1C9 #B2DBCF #B5E4D3 #B9EED7

#A1B5B5 - #AED1C9 - #B9EED7

CSS codes

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

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