#A2AAA3 - #CCD9B0 | 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 #A2AAA3 to #CCD9B0

#A2AAA3 #CCD9B0

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

#A2AAA3 - #CCD9B0 | 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 #A2AAA3 as 0% and #CCD9B0 as 100%.

0.0%	0.0% #A2AAA3	RGB 162 170 163	#A2AAA3
16.7%	16.7% #A9B1A5	RGB 169 177 165	#A9B1A5
33.3%	33.3% #B0B9A7	RGB 176 185 167	#B0B9A7
50.0%	50.0% #B7C1A9	RGB 183 193 169	#B7C1A9
66.7%	66.7% #BEC9AB	RGB 190 201 171	#BEC9AB
83.3%	83.3% #C5D1AD	RGB 197 209 173	#C5D1AD
100.0%	100.0% #CCD9B0	RGB 204 217 176	#CCD9B0

#A2AAA3 #A9B1A5 #B0B9A7 #B7C1A9 #BEC9AB #C5D1AD #CCD9B0

#A2AAA3 - #CCD9B0

HSV Blend

#A2AAA3 - #CCD9B0 | 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 #A2AAA3 as 0% and #CCD9B0 as 100%.

0.0%	0.0% #A2AAA3	RGB 162 170 163	#A2AAA3
16.7%	16.7% #A5B1A5	RGB 165 177 165	#A5B1A5
33.3%	33.3% #AAB9A8	RGB 170 185 168	#AAB9A8
50.0%	50.0% #B1C1AA	RGB 177 193 170	#B1C1AA
66.7%	66.7% #B8C9AC	RGB 184 201 172	#B8C9AC
83.3%	83.3% #C1D1AE	RGB 193 209 174	#C1D1AE
100.0%	100.0% #CCD9B0	RGB 204 217 176	#CCD9B0

#A2AAA3 #A5B1A5 #AAB9A8 #B1C1AA #B8C9AC #C1D1AE #CCD9B0

#A2AAA3 - #B1C1AA - #CCD9B0

CSS codes

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

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