#A9A8B1 - #B3E5E4 | 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 #A9A8B1 to #B3E5E4

#A9A8B1 #B3E5E4

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

#A9A8B1 - #B3E5E4 | 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 #A9A8B1 as 0% and #B3E5E4 as 100%.

0.0%	0.0% #A9A8B1	RGB 169 168 177	#A9A8B1
16.7%	16.7% #AAB2B9	RGB 170 178 185	#AAB2B9
33.3%	33.3% #ACBCC2	RGB 172 188 194	#ACBCC2
50.0%	50.0% #AEC6CA	RGB 174 198 202	#AEC6CA
66.7%	66.7% #AFD0D3	RGB 175 208 211	#AFD0D3
83.3%	83.3% #B1DADB	RGB 177 218 219	#B1DADB
100.0%	100.0% #B3E5E4	RGB 179 229 228	#B3E5E4

#A9A8B1 #AAB2B9 #ACBCC2 #AEC6CA #AFD0D3 #B1DADB #B3E5E4

#A9A8B1 - #B3E5E4

HSV Blend

#A9A8B1 - #B3E5E4 | 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 #A9A8B1 as 0% and #B3E5E4 as 100%.

0.0%	0.0% #A9A8B1	RGB 169 168 177	#A9A8B1
16.7%	16.7% #ABACB9	RGB 171 172 185	#ABACB9
33.3%	33.3% #ADB3C2	RGB 173 179 194	#ADB3C2
50.0%	50.0% #AFBCCB	RGB 175 188 203	#AFBCCB
66.7%	66.7% #B1C7D3	RGB 177 199 211	#B1C7D3
83.3%	83.3% #B2D5DC	RGB 178 213 220	#B2D5DC
100.0%	100.0% #B3E5E4	RGB 179 229 228	#B3E5E4

#A9A8B1 #ABACB9 #ADB3C2 #AFBCCB #B1C7D3 #B2D5DC #B3E5E4

#A9A8B1 - #AFBCCB - #B3E5E4

CSS codes

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

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