#A8BDBB - #B9FFE8 | 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 #A8BDBB to #B9FFE8

#A8BDBB #B9FFE8

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

#A8BDBB - #B9FFE8 | 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 #A8BDBB as 0% and #B9FFE8 as 100%.

0.0%	0.0% #A8BDBB	RGB 168 189 187	#A8BDBB
16.7%	16.7% #AAC8C2	RGB 170 200 194	#AAC8C2
33.3%	33.3% #ADD3CA	RGB 173 211 202	#ADD3CA
50.0%	50.0% #B0DED1	RGB 176 222 209	#B0DED1
66.7%	66.7% #B3E9D9	RGB 179 233 217	#B3E9D9
83.3%	83.3% #B6F4E0	RGB 182 244 224	#B6F4E0
100.0%	100.0% #B9FFE8	RGB 185 255 232	#B9FFE8

#A8BDBB #AAC8C2 #ADD3CA #B0DED1 #B3E9D9 #B6F4E0 #B9FFE8

#A8BDBB - #B9FFE8

HSV Blend

#A8BDBB - #B9FFE8 | 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 #A8BDBB as 0% and #B9FFE8 as 100%.

0.0%	0.0% #A8BDBB	RGB 168 189 187	#A8BDBB
16.7%	16.7% #ACC8C4	RGB 172 200 196	#ACC8C4
33.3%	33.3% #B0D3CC	RGB 176 211 204	#B0D3CC
50.0%	50.0% #B3DED4	RGB 179 222 212	#B3DED4
66.7%	66.7% #B5E9DC	RGB 181 233 220	#B5E9DC
83.3%	83.3% #B7F4E2	RGB 183 244 226	#B7F4E2
100.0%	100.0% #B9FFE8	RGB 185 255 232	#B9FFE8

#A8BDBB #ACC8C4 #B0D3CC #B3DED4 #B5E9DC #B7F4E2 #B9FFE8

#A8BDBB - #B3DED4 - #B9FFE8

CSS codes

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

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