#A8ADA9 - #CBDAB4 | 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 #A8ADA9 to #CBDAB4

#A8ADA9 #CBDAB4

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

#A8ADA9 - #CBDAB4 | 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 #A8ADA9 as 0% and #CBDAB4 as 100%.

0.0%	0.0% #A8ADA9	RGB 168 173 169	#A8ADA9
16.7%	16.7% #ADB4AA	RGB 173 180 170	#ADB4AA
33.3%	33.3% #B3BCAC	RGB 179 188 172	#B3BCAC
50.0%	50.0% #B9C3AE	RGB 185 195 174	#B9C3AE
66.7%	66.7% #BFCBB0	RGB 191 203 176	#BFCBB0
83.3%	83.3% #C5D2B2	RGB 197 210 178	#C5D2B2
100.0%	100.0% #CBDAB4	RGB 203 218 180	#CBDAB4

#A8ADA9 #ADB4AA #B3BCAC #B9C3AE #BFCBB0 #C5D2B2 #CBDAB4

#A8ADA9 - #CBDAB4

HSV Blend

#A8ADA9 - #CBDAB4 | 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 #A8ADA9 as 0% and #CBDAB4 as 100%.

0.0%	0.0% #A8ADA9	RGB 168 173 169	#A8ADA9
16.7%	16.7% #AAB4AB	RGB 170 180 171	#AAB4AB
33.3%	33.3% #AEBCAD	RGB 174 188 173	#AEBCAD
50.0%	50.0% #B3C3AF	RGB 179 195 175	#B3C3AF
66.7%	66.7% #BACBB1	RGB 186 203 177	#BACBB1
83.3%	83.3% #C1D2B2	RGB 193 210 178	#C1D2B2
100.0%	100.0% #CBDAB4	RGB 203 218 180	#CBDAB4

#A8ADA9 #AAB4AB #AEBCAD #B3C3AF #BACBB1 #C1D2B2 #CBDAB4

#A8ADA9 - #B3C3AF - #CBDAB4

CSS codes

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

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