#A7A8A7 - #CED3A8 | 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 #A7A8A7 to #CED3A8

#A7A8A7 #CED3A8

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

#A7A8A7 - #CED3A8 | 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 #A7A8A7 as 0% and #CED3A8 as 100%.

0.0%	0.0% #A7A8A7	RGB 167 168 167	#A7A8A7
16.7%	16.7% #ADAFA7	RGB 173 175 167	#ADAFA7
33.3%	33.3% #B4B6A7	RGB 180 182 167	#B4B6A7
50.0%	50.0% #BABDA7	RGB 186 189 167	#BABDA7
66.7%	66.7% #C1C4A7	RGB 193 196 167	#C1C4A7
83.3%	83.3% #C7CBA7	RGB 199 203 167	#C7CBA7
100.0%	100.0% #CED3A8	RGB 206 211 168	#CED3A8

#A7A8A7 #ADAFA7 #B4B6A7 #BABDA7 #C1C4A7 #C7CBA7 #CED3A8

#A7A8A7 - #CED3A8

HSV Blend

#A7A8A7 - #CED3A8 | 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 #A7A8A7 as 0% and #CED3A8 as 100%.

0.0%	0.0% #A7A8A7	RGB 167 168 167	#A7A8A7
16.7%	16.7% #A9AFA8	RGB 169 175 168	#A9AFA8
33.3%	33.3% #ADB6A9	RGB 173 182 169	#ADB6A9
50.0%	50.0% #B2BDA9	RGB 178 189 169	#B2BDA9
66.7%	66.7% #B9C4A9	RGB 185 196 169	#B9C4A9
83.3%	83.3% #C2CBA9	RGB 194 203 169	#C2CBA9
100.0%	100.0% #CED3A8	RGB 206 211 168	#CED3A8

#A7A8A7 #A9AFA8 #ADB6A9 #B2BDA9 #B9C4A9 #C2CBA9 #CED3A8

#A7A8A7 - #B2BDA9 - #CED3A8

CSS codes

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

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