#A8B5BF - #D9C7C5 | 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 #A8B5BF to #D9C7C5

#A8B5BF #D9C7C5

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

#A8B5BF - #D9C7C5 | 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 #A8B5BF as 0% and #D9C7C5 as 100%.

0.0%	0.0% #A8B5BF	RGB 168 181 191	#A8B5BF
16.7%	16.7% #B0B8C0	RGB 176 184 192	#B0B8C0
33.3%	33.3% #B8BBC1	RGB 184 187 193	#B8BBC1
50.0%	50.0% #C0BEC2	RGB 192 190 194	#C0BEC2
66.7%	66.7% #C8C1C3	RGB 200 193 195	#C8C1C3
83.3%	83.3% #D0C4C4	RGB 208 196 196	#D0C4C4
100.0%	100.0% #D9C7C5	RGB 217 199 197	#D9C7C5

#A8B5BF #B0B8C0 #B8BBC1 #C0BEC2 #C8C1C3 #D0C4C4 #D9C7C5

#A8B5BF - #D9C7C5

HSV Blend

#A8B5BF - #D9C7C5 | 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 #A8B5BF as 0% and #D9C7C5 as 100%.

0.0%	0.0% #A8B5BF	RGB 168 181 191	#A8B5BF
16.7%	16.7% #ACAFC3	RGB 172 175 195	#ACAFC3
33.3%	33.3% #B8B1C7	RGB 184 177 199	#B8B1C7
50.0%	50.0% #C6B6CC	RGB 198 182 204	#C6B6CC
66.7%	66.7% #D0BBCB	RGB 208 187 203	#D0BBCB
83.3%	83.3% #D4C0C7	RGB 212 192 199	#D4C0C7
100.0%	100.0% #D9C7C5	RGB 217 199 197	#D9C7C5

#A8B5BF #ACAFC3 #B8B1C7 #C6B6CC #D0BBCB #D4C0C7 #D9C7C5

#A8B5BF - #C6B6CC - #D9C7C5

CSS codes

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

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