#A4AAAF - #2E3032 | 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 #A4AAAF to #2E3032

#A4AAAF #2E3032

Calculate the color between two colors, #A4AAAF and #2E3032. 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)

#A4AAAF - #2E3032 | 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 #A4AAAF as 0% and #2E3032 as 100%.

0.0%	0.0% #A4AAAF	RGB 164 170 175	#A4AAAF
16.7%	16.7% #90959A	RGB 144 149 154	#90959A
33.3%	33.3% #7C8185	RGB 124 129 133	#7C8185
50.0%	50.0% #696D70	RGB 105 109 112	#696D70
66.7%	66.7% #55585B	RGB 85 88 91	#55585B
83.3%	83.3% #414446	RGB 65 68 70	#414446
100.0%	100.0% #2E3032	RGB 46 48 50	#2E3032

#A4AAAF #90959A #7C8185 #696D70 #55585B #414446 #2E3032

#A4AAAF - #2E3032

HSV Blend

#A4AAAF - #2E3032 | 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 #A4AAAF as 0% and #2E3032 as 100%.

0.0%	0.0% #A4AAAF	RGB 164 170 175	#A4AAAF
16.7%	16.7% #90959A	RGB 144 149 154	#90959A
33.3%	33.3% #7C8185	RGB 124 129 133	#7C8185
50.0%	50.0% #686C70	RGB 104 108 112	#686C70
66.7%	66.7% #54585B	RGB 84 88 91	#54585B
83.3%	83.3% #414446	RGB 65 68 70	#414446
100.0%	100.0% #2E3032	RGB 46 48 50	#2E3032

#A4AAAF #90959A #7C8185 #686C70 #54585B #414446 #2E3032

#A4AAAF - #686C70 - #2E3032

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4AAAF 0%, #686C70 50%, #2E3032 100%);
    background: -webkit-linear-gradient(top, #A4AAAF 0%, #686C70 50%, #2E3032 100%);
    background: linear-gradient(to bottom, #A4AAAF 0%, #686C70 50%, #2E3032 100%);
}
</style>