#A8B6AB - #CFDEB5 | 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 #A8B6AB to #CFDEB5

#A8B6AB #CFDEB5

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

#A8B6AB - #CFDEB5 | 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 #A8B6AB as 0% and #CFDEB5 as 100%.

0.0%	0.0% #A8B6AB	RGB 168 182 171	#A8B6AB
16.7%	16.7% #AEBCAC	RGB 174 188 172	#AEBCAC
33.3%	33.3% #B5C3AE	RGB 181 195 174	#B5C3AE
50.0%	50.0% #BBCAB0	RGB 187 202 176	#BBCAB0
66.7%	66.7% #C2D0B1	RGB 194 208 177	#C2D0B1
83.3%	83.3% #C8D7B3	RGB 200 215 179	#C8D7B3
100.0%	100.0% #CFDEB5	RGB 207 222 181	#CFDEB5

#A8B6AB #AEBCAC #B5C3AE #BBCAB0 #C2D0B1 #C8D7B3 #CFDEB5

#A8B6AB - #CFDEB5

HSV Blend

#A8B6AB - #CFDEB5 | 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 #A8B6AB as 0% and #CFDEB5 as 100%.

0.0%	0.0% #A8B6AB	RGB 168 182 171	#A8B6AB
16.7%	16.7% #AABCAC	RGB 170 188 172	#AABCAC
33.3%	33.3% #AEC3AD	RGB 174 195 173	#AEC3AD
50.0%	50.0% #B5CAAF	RGB 181 202 175	#B5CAAF
66.7%	66.7% #BCD0B1	RGB 188 208 177	#BCD0B1
83.3%	83.3% #C5D7B3	RGB 197 215 179	#C5D7B3
100.0%	100.0% #CFDEB5	RGB 207 222 181	#CFDEB5

#A8B6AB #AABCAC #AEC3AD #B5CAAF #BCD0B1 #C5D7B3 #CFDEB5

#A8B6AB - #B5CAAF - #CFDEB5

CSS codes

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

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