#A2B1B5 - #BCEEE8 | 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 #A2B1B5 to #BCEEE8

#A2B1B5 #BCEEE8

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

#A2B1B5 - #BCEEE8 | 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 #A2B1B5 as 0% and #BCEEE8 as 100%.

0.0%	0.0% #A2B1B5	RGB 162 177 181	#A2B1B5
16.7%	16.7% #A6BBBD	RGB 166 187 189	#A6BBBD
33.3%	33.3% #AAC5C6	RGB 170 197 198	#AAC5C6
50.0%	50.0% #AFCFCE	RGB 175 207 206	#AFCFCE
66.7%	66.7% #B3D9D7	RGB 179 217 215	#B3D9D7
83.3%	83.3% #B7E3DF	RGB 183 227 223	#B7E3DF
100.0%	100.0% #BCEEE8	RGB 188 238 232	#BCEEE8

#A2B1B5 #A6BBBD #AAC5C6 #AFCFCE #B3D9D7 #B7E3DF #BCEEE8

#A2B1B5 - #BCEEE8

HSV Blend

#A2B1B5 - #BCEEE8 | 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 #A2B1B5 as 0% and #BCEEE8 as 100%.

0.0%	0.0% #A2B1B5	RGB 162 177 181	#A2B1B5
16.7%	16.7% #A7BABE	RGB 167 186 190	#A7BABE
33.3%	33.3% #ABC5C8	RGB 171 197 200	#ABC5C8
50.0%	50.0% #B0D0D1	RGB 176 208 209	#B0D0D1
66.7%	66.7% #B4DBDA	RGB 180 219 218	#B4DBDA
83.3%	83.3% #B8E4E1	RGB 184 228 225	#B8E4E1
100.0%	100.0% #BCEEE8	RGB 188 238 232	#BCEEE8

#A2B1B5 #A7BABE #ABC5C8 #B0D0D1 #B4DBDA #B8E4E1 #BCEEE8

#A2B1B5 - #B0D0D1 - #BCEEE8

CSS codes

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

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