#A8BBBF - #D9C5C9 | 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 #A8BBBF to #D9C5C9

#A8BBBF #D9C5C9

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

#A8BBBF - #D9C5C9 | 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 #A8BBBF as 0% and #D9C5C9 as 100%.

0.0%	0.0% #A8BBBF	RGB 168 187 191	#A8BBBF
16.7%	16.7% #B0BCC0	RGB 176 188 192	#B0BCC0
33.3%	33.3% #B8BEC2	RGB 184 190 194	#B8BEC2
50.0%	50.0% #C0C0C4	RGB 192 192 196	#C0C0C4
66.7%	66.7% #C8C1C5	RGB 200 193 197	#C8C1C5
83.3%	83.3% #D0C3C7	RGB 208 195 199	#D0C3C7
100.0%	100.0% #D9C5C9	RGB 217 197 201	#D9C5C9

#A8BBBF #B0BCC0 #B8BEC2 #C0C0C4 #C8C1C5 #D0C3C7 #D9C5C9

#A8BBBF - #D9C5C9

HSV Blend

#A8BBBF - #D9C5C9 | 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 #A8BBBF as 0% and #D9C5C9 as 100%.

0.0%	0.0% #A8BBBF	RGB 168 187 191	#A8BBBF
16.7%	16.7% #ACB5C3	RGB 172 181 195	#ACB5C3
33.3%	33.3% #B2B1C7	RGB 178 177 199	#B2B1C7
50.0%	50.0% #C0B6CC	RGB 192 182 204	#C0B6CC
66.7%	66.7% #CEBBD0	RGB 206 187 208	#CEBBD0
83.3%	83.3% #D4C0CD	RGB 212 192 205	#D4C0CD
100.0%	100.0% #D9C5C9	RGB 217 197 201	#D9C5C9

#A8BBBF #ACB5C3 #B2B1C7 #C0B6CC #CEBBD0 #D4C0CD #D9C5C9

#A8BBBF - #C0B6CC - #D9C5C9

CSS codes

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

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