#A99B9F - #E6E2E2 | 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 #A99B9F to #E6E2E2

#A99B9F #E6E2E2

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

#A99B9F - #E6E2E2 | 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 #A99B9F as 0% and #E6E2E2 as 100%.

0.0%	0.0% #A99B9F	RGB 169 155 159	#A99B9F
16.7%	16.7% #B3A6AA	RGB 179 166 170	#B3A6AA
33.3%	33.3% #BDB2B5	RGB 189 178 181	#BDB2B5
50.0%	50.0% #C7BEC0	RGB 199 190 192	#C7BEC0
66.7%	66.7% #D1CACB	RGB 209 202 203	#D1CACB
83.3%	83.3% #DBD6D6	RGB 219 214 214	#DBD6D6
100.0%	100.0% #E6E2E2	RGB 230 226 226	#E6E2E2

#A99B9F #B3A6AA #BDB2B5 #C7BEC0 #D1CACB #DBD6D6 #E6E2E2

#A99B9F - #E6E2E2

HSV Blend

#A99B9F - #E6E2E2 | 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 #A99B9F as 0% and #E6E2E2 as 100%.

0.0%	0.0% #A99B9F	RGB 169 155 159	#A99B9F
16.7%	16.7% #B3A6A9	RGB 179 166 169	#B3A6A9
33.3%	33.3% #BDB1B3	RGB 189 177 179	#BDB1B3
50.0%	50.0% #C7BDBE	RGB 199 189 190	#C7BDBE
66.7%	66.7% #D1C9CA	RGB 209 201 202	#D1C9CA
83.3%	83.3% #DBD5D5	RGB 219 213 213	#DBD5D5
100.0%	100.0% #E6E2E2	RGB 230 226 226	#E6E2E2

#A99B9F #B3A6A9 #BDB1B3 #C7BDBE #D1C9CA #DBD5D5 #E6E2E2

#A99B9F - #C7BDBE - #E6E2E2

CSS codes

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

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