#A8AFC5 - #B2F2D3 | 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 #A8AFC5 to #B2F2D3

#A8AFC5 #B2F2D3

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

#A8AFC5 - #B2F2D3 | 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 #A8AFC5 as 0% and #B2F2D3 as 100%.

0.0%	0.0% #A8AFC5	RGB 168 175 197	#A8AFC5
16.7%	16.7% #A9BAC7	RGB 169 186 199	#A9BAC7
33.3%	33.3% #ABC5C9	RGB 171 197 201	#ABC5C9
50.0%	50.0% #ADD0CC	RGB 173 208 204	#ADD0CC
66.7%	66.7% #AEDBCE	RGB 174 219 206	#AEDBCE
83.3%	83.3% #B0E6D0	RGB 176 230 208	#B0E6D0
100.0%	100.0% #B2F2D3	RGB 178 242 211	#B2F2D3

#A8AFC5 #A9BAC7 #ABC5C9 #ADD0CC #AEDBCE #B0E6D0 #B2F2D3

#A8AFC5 - #B2F2D3

HSV Blend

#A8AFC5 - #B2F2D3 | 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 #A8AFC5 as 0% and #B2F2D3 as 100%.

0.0%	0.0% #A8AFC5	RGB 168 175 197	#A8AFC5
16.7%	16.7% #AAB9CC	RGB 170 185 204	#AAB9CC
33.3%	33.3% #ACC6D4	RGB 172 198 212	#ACC6D4
50.0%	50.0% #AED5DB	RGB 174 213 219	#AED5DB
66.7%	66.7% #AFE3DF	RGB 175 227 223	#AFE3DF
83.3%	83.3% #B1EADA	RGB 177 234 218	#B1EADA
100.0%	100.0% #B2F2D3	RGB 178 242 211	#B2F2D3

#A8AFC5 #AAB9CC #ACC6D4 #AED5DB #AFE3DF #B1EADA #B2F2D3

#A8AFC5 - #AED5DB - #B2F2D3

CSS codes

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

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