#A6B6B0 - #CBDBB2 | 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 #A6B6B0 to #CBDBB2

#A6B6B0 #CBDBB2

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

#A6B6B0 - #CBDBB2 | 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 #A6B6B0 as 0% and #CBDBB2 as 100%.

0.0%	0.0% #A6B6B0	RGB 166 182 176	#A6B6B0
16.7%	16.7% #ACBCB0	RGB 172 188 176	#ACBCB0
33.3%	33.3% #B2C2B0	RGB 178 194 176	#B2C2B0
50.0%	50.0% #B8C8B1	RGB 184 200 177	#B8C8B1
66.7%	66.7% #BECEB1	RGB 190 206 177	#BECEB1
83.3%	83.3% #C4D4B1	RGB 196 212 177	#C4D4B1
100.0%	100.0% #CBDBB2	RGB 203 219 178	#CBDBB2

#A6B6B0 #ACBCB0 #B2C2B0 #B8C8B1 #BECEB1 #C4D4B1 #CBDBB2

#A6B6B0 - #CBDBB2

HSV Blend

#A6B6B0 - #CBDBB2 | 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 #A6B6B0 as 0% and #CBDBB2 as 100%.

0.0%	0.0% #A6B6B0	RGB 166 182 176	#A6B6B0
16.7%	16.7% #A8BCB0	RGB 168 188 176	#A8BCB0
33.3%	33.3% #AAC2AF	RGB 170 194 175	#AAC2AF
50.0%	50.0% #ACC8AD	RGB 172 200 173	#ACC8AD
66.7%	66.7% #B5CEAE	RGB 181 206 174	#B5CEAE
83.3%	83.3% #BFD4B0	RGB 191 212 176	#BFD4B0
100.0%	100.0% #CBDBB2	RGB 203 219 178	#CBDBB2

#A6B6B0 #A8BCB0 #AAC2AF #ACC8AD #B5CEAE #BFD4B0 #CBDBB2

#A6B6B0 - #ACC8AD - #CBDBB2

CSS codes

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

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