#ABA9AD - #B8CBE4 | 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 #ABA9AD to #B8CBE4

#ABA9AD #B8CBE4

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

#ABA9AD - #B8CBE4 | 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 #ABA9AD as 0% and #B8CBE4 as 100%.

0.0%	0.0% #ABA9AD	RGB 171 169 173	#ABA9AD
16.7%	16.7% #ADAEB6	RGB 173 174 182	#ADAEB6
33.3%	33.3% #AFB4BF	RGB 175 180 191	#AFB4BF
50.0%	50.0% #B1BAC8	RGB 177 186 200	#B1BAC8
66.7%	66.7% #B3BFD1	RGB 179 191 209	#B3BFD1
83.3%	83.3% #B5C5DA	RGB 181 197 218	#B5C5DA
100.0%	100.0% #B8CBE4	RGB 184 203 228	#B8CBE4

#ABA9AD #ADAEB6 #AFB4BF #B1BAC8 #B3BFD1 #B5C5DA #B8CBE4

#ABA9AD - #B8CBE4

HSV Blend

#ABA9AD - #B8CBE4 | 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 #ABA9AD as 0% and #B8CBE4 as 100%.

0.0%	0.0% #ABA9AD	RGB 171 169 173	#ABA9AD
16.7%	16.7% #B0ACB6	RGB 176 172 182	#B0ACB6
33.3%	33.3% #B2B0BF	RGB 178 176 191	#B2B0BF
50.0%	50.0% #B3B2C8	RGB 179 178 200	#B3B2C8
66.7%	66.7% #B5B8D1	RGB 181 184 209	#B5B8D1
83.3%	83.3% #B6C0DA	RGB 182 192 218	#B6C0DA
100.0%	100.0% #B8CBE4	RGB 184 203 228	#B8CBE4

#ABA9AD #B0ACB6 #B2B0BF #B3B2C8 #B5B8D1 #B6C0DA #B8CBE4

#ABA9AD - #B3B2C8 - #B8CBE4

CSS codes

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

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