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

#A8BBB0 #CFDEB5

Calculate the color between two colors, #A8BBB0 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)

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

0.0%	0.0% #A8BBB0	RGB 168 187 176	#A8BBB0
16.7%	16.7% #AEC0B0	RGB 174 192 176	#AEC0B0
33.3%	33.3% #B5C6B1	RGB 181 198 177	#B5C6B1
50.0%	50.0% #BBCCB2	RGB 187 204 178	#BBCCB2
66.7%	66.7% #C2D2B3	RGB 194 210 179	#C2D2B3
83.3%	83.3% #C8D8B4	RGB 200 216 180	#C8D8B4
100.0%	100.0% #CFDEB5	RGB 207 222 181	#CFDEB5

#A8BBB0 #AEC0B0 #B5C6B1 #BBCCB2 #C2D2B3 #C8D8B4 #CFDEB5

#A8BBB0 - #CFDEB5

HSV Blend

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

0.0%	0.0% #A8BBB0	RGB 168 187 176	#A8BBB0
16.7%	16.7% #AAC0B0	RGB 170 192 176	#AAC0B0
33.3%	33.3% #ACC6AE	RGB 172 198 174	#ACC6AE
50.0%	50.0% #B2CCAF	RGB 178 204 175	#B2CCAF
66.7%	66.7% #BAD2B1	RGB 186 210 177	#BAD2B1
83.3%	83.3% #C4D8B3	RGB 196 216 179	#C4D8B3
100.0%	100.0% #CFDEB5	RGB 207 222 181	#CFDEB5

#A8BBB0 #AAC0B0 #ACC6AE #B2CCAF #BAD2B1 #C4D8B3 #CFDEB5

#A8BBB0 - #B2CCAF - #CFDEB5

CSS codes

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

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