#AAB2AC - #CCDCB6 | 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 #AAB2AC to #CCDCB6

#AAB2AC #CCDCB6

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

#AAB2AC - #CCDCB6 | 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 #AAB2AC as 0% and #CCDCB6 as 100%.

0.0%	0.0% #AAB2AC	RGB 170 178 172	#AAB2AC
16.7%	16.7% #AFB9AD	RGB 175 185 173	#AFB9AD
33.3%	33.3% #B5C0AF	RGB 181 192 175	#B5C0AF
50.0%	50.0% #BBC7B1	RGB 187 199 177	#BBC7B1
66.7%	66.7% #C0CEB2	RGB 192 206 178	#C0CEB2
83.3%	83.3% #C6D5B4	RGB 198 213 180	#C6D5B4
100.0%	100.0% #CCDCB6	RGB 204 220 182	#CCDCB6

#AAB2AC #AFB9AD #B5C0AF #BBC7B1 #C0CEB2 #C6D5B4 #CCDCB6

#AAB2AC - #CCDCB6

HSV Blend

#AAB2AC - #CCDCB6 | 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 #AAB2AC as 0% and #CCDCB6 as 100%.

0.0%	0.0% #AAB2AC	RGB 170 178 172	#AAB2AC
16.7%	16.7% #ACB9AE	RGB 172 185 174	#ACB9AE
33.3%	33.3% #AFC0AF	RGB 175 192 175	#AFC0AF
50.0%	50.0% #B4C7B1	RGB 180 199 177	#B4C7B1
66.7%	66.7% #BBCEB3	RGB 187 206 179	#BBCEB3
83.3%	83.3% #C2D5B4	RGB 194 213 180	#C2D5B4
100.0%	100.0% #CCDCB6	RGB 204 220 182	#CCDCB6

#AAB2AC #ACB9AE #AFC0AF #B4C7B1 #BBCEB3 #C2D5B4 #CCDCB6

#AAB2AC - #B4C7B1 - #CCDCB6

CSS codes

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

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