#A9A8AF - #D1E8C4 | 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 #A9A8AF to #D1E8C4

#A9A8AF #D1E8C4

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

#A9A8AF - #D1E8C4 | 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 #A9A8AF as 0% and #D1E8C4 as 100%.

0.0%	0.0% #A9A8AF	RGB 169 168 175	#A9A8AF
16.7%	16.7% #AFB2B2	RGB 175 178 178	#AFB2B2
33.3%	33.3% #B6BDB6	RGB 182 189 182	#B6BDB6
50.0%	50.0% #BDC8B9	RGB 189 200 185	#BDC8B9
66.7%	66.7% #C3D2BD	RGB 195 210 189	#C3D2BD
83.3%	83.3% #CADDC0	RGB 202 221 192	#CADDC0
100.0%	100.0% #D1E8C4	RGB 209 232 196	#D1E8C4

#A9A8AF #AFB2B2 #B6BDB6 #BDC8B9 #C3D2BD #CADDC0 #D1E8C4

#A9A8AF - #D1E8C4

HSV Blend

#A9A8AF - #D1E8C4 | 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 #A9A8AF as 0% and #D1E8C4 as 100%.

0.0%	0.0% #A9A8AF	RGB 169 168 175	#A9A8AF
16.7%	16.7% #ADB0B8	RGB 173 176 184	#ADB0B8
33.3%	33.3% #B2BDC2	RGB 178 189 194	#B2BDC2
50.0%	50.0% #B7CBC9	RGB 183 203 201	#B7CBC9
66.7%	66.7% #BCD5C7	RGB 188 213 199	#BCD5C7
83.3%	83.3% #C0DEC1	RGB 192 222 193	#C0DEC1
100.0%	100.0% #D1E8C4	RGB 209 232 196	#D1E8C4

#A9A8AF #ADB0B8 #B2BDC2 #B7CBC9 #BCD5C7 #C0DEC1 #D1E8C4

#A9A8AF - #B7CBC9 - #D1E8C4

CSS codes

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

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