#A8AEBF - #D9CDC5 | 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 #A8AEBF to #D9CDC5

#A8AEBF #D9CDC5

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

#A8AEBF - #D9CDC5 | 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 #A8AEBF as 0% and #D9CDC5 as 100%.

0.0%	0.0% #A8AEBF	RGB 168 174 191	#A8AEBF
16.7%	16.7% #B0B3C0	RGB 176 179 192	#B0B3C0
33.3%	33.3% #B8B8C1	RGB 184 184 193	#B8B8C1
50.0%	50.0% #C0BDC2	RGB 192 189 194	#C0BDC2
66.7%	66.7% #C8C2C3	RGB 200 194 195	#C8C2C3
83.3%	83.3% #D0C7C4	RGB 208 199 196	#D0C7C4
100.0%	100.0% #D9CDC5	RGB 217 205 197	#D9CDC5

#A8AEBF #B0B3C0 #B8B8C1 #C0BDC2 #C8C2C3 #D0C7C4 #D9CDC5

#A8AEBF - #D9CDC5

HSV Blend

#A8AEBF - #D9CDC5 | 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 #A8AEBF as 0% and #D9CDC5 as 100%.

0.0%	0.0% #A8AEBF	RGB 168 174 191	#A8AEBF
16.7%	16.7% #B0ACC3	RGB 176 172 195	#B0ACC3
33.3%	33.3% #BFB1C7	RGB 191 177 199	#BFB1C7
50.0%	50.0% #CCB6CA	RGB 204 182 202	#CCB6CA
66.7%	66.7% #D0BBC5	RGB 208 187 197	#D0BBC5
83.3%	83.3% #D4C0C0	RGB 212 192 192	#D4C0C0
100.0%	100.0% #D9CDC5	RGB 217 205 197	#D9CDC5

#A8AEBF #B0ACC3 #BFB1C7 #CCB6CA #D0BBC5 #D4C0C0 #D9CDC5

#A8AEBF - #CCB6CA - #D9CDC5

CSS codes

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

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