#A6B6B5 - #C7D9B2 | 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 #A6B6B5 to #C7D9B2

#A6B6B5 #C7D9B2

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

#A6B6B5 - #C7D9B2 | 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 #A6B6B5 as 0% and #C7D9B2 as 100%.

0.0%	0.0% #A6B6B5	RGB 166 182 181	#A6B6B5
16.7%	16.7% #ABBBB4	RGB 171 187 180	#ABBBB4
33.3%	33.3% #B1C1B4	RGB 177 193 180	#B1C1B4
50.0%	50.0% #B6C7B3	RGB 182 199 179	#B6C7B3
66.7%	66.7% #BCCDB3	RGB 188 205 179	#BCCDB3
83.3%	83.3% #C1D3B2	RGB 193 211 178	#C1D3B2
100.0%	100.0% #C7D9B2	RGB 199 217 178	#C7D9B2

#A6B6B5 #ABBBB4 #B1C1B4 #B6C7B3 #BCCDB3 #C1D3B2 #C7D9B2

#A6B6B5 - #C7D9B2

HSV Blend

#A6B6B5 - #C7D9B2 | 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 #A6B6B5 as 0% and #C7D9B2 as 100%.

0.0%	0.0% #A6B6B5	RGB 166 182 181	#A6B6B5
16.7%	16.7% #A8BBB5	RGB 168 187 181	#A8BBB5
33.3%	33.3% #AAC1B4	RGB 170 193 180	#AAC1B4
50.0%	50.0% #ACC7B2	RGB 172 199 178	#ACC7B2
66.7%	66.7% #B0CDAE	RGB 176 205 174	#B0CDAE
83.3%	83.3% #BAD3B0	RGB 186 211 176	#BAD3B0
100.0%	100.0% #C7D9B2	RGB 199 217 178	#C7D9B2

#A6B6B5 #A8BBB5 #AAC1B4 #ACC7B2 #B0CDAE #BAD3B0 #C7D9B2

#A6B6B5 - #ACC7B2 - #C7D9B2

CSS codes

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

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