#A8AFB5 - #BDEBE5 | 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 #A8AFB5 to #BDEBE5

#A8AFB5 #BDEBE5

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

#A8AFB5 - #BDEBE5 | 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 #A8AFB5 as 0% and #BDEBE5 as 100%.

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #ABB9BD	RGB 171 185 189	#ABB9BD
33.3%	33.3% #AFC3C5	RGB 175 195 197	#AFC3C5
50.0%	50.0% #B2CDCD	RGB 178 205 205	#B2CDCD
66.7%	66.7% #B6D7D5	RGB 182 215 213	#B6D7D5
83.3%	83.3% #B9E1DD	RGB 185 225 221	#B9E1DD
100.0%	100.0% #BDEBE5	RGB 189 235 229	#BDEBE5

#A8AFB5 #ABB9BD #AFC3C5 #B2CDCD #B6D7D5 #B9E1DD #BDEBE5

#A8AFB5 - #BDEBE5

HSV Blend

#A8AFB5 - #BDEBE5 | 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 #A8AFB5 as 0% and #BDEBE5 as 100%.

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #ACB7BE	RGB 172 183 190	#ACB7BE
33.3%	33.3% #B0C1C7	RGB 176 193 199	#B0C1C7
50.0%	50.0% #B4CBD0	RGB 180 203 208	#B4CBD0
66.7%	66.7% #B7D6D9	RGB 183 214 217	#B7D6D9
83.3%	83.3% #BAE2E0	RGB 186 226 224	#BAE2E0
100.0%	100.0% #BDEBE5	RGB 189 235 229	#BDEBE5

#A8AFB5 #ACB7BE #B0C1C7 #B4CBD0 #B7D6D9 #BAE2E0 #BDEBE5

#A8AFB5 - #B4CBD0 - #BDEBE5

CSS codes

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

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