#A8ADA8 - #303130 | 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 #A8ADA8 to #303130

#A8ADA8 #303130

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

#A8ADA8 - #303130 | 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 #A8ADA8 as 0% and #303130 as 100%.

0.0%	0.0% #A8ADA8	RGB 168 173 168	#A8ADA8
16.7%	16.7% #949894	RGB 148 152 148	#949894
33.3%	33.3% #808380	RGB 128 131 128	#808380
50.0%	50.0% #6C6F6C	RGB 108 111 108	#6C6F6C
66.7%	66.7% #585A58	RGB 88 90 88	#585A58
83.3%	83.3% #444544	RGB 68 69 68	#444544
100.0%	100.0% #303130	RGB 48 49 48	#303130

#A8ADA8 #949894 #808380 #6C6F6C #585A58 #444544 #303130

#A8ADA8 - #303130

HSV Blend

#A8ADA8 - #303130 | 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 #A8ADA8 as 0% and #303130 as 100%.

0.0%	0.0% #A8ADA8	RGB 168 173 168	#A8ADA8
16.7%	16.7% #949894	RGB 148 152 148	#949894
33.3%	33.3% #808380	RGB 128 131 128	#808380
50.0%	50.0% #6C6F6C	RGB 108 111 108	#6C6F6C
66.7%	66.7% #585A58	RGB 88 90 88	#585A58
83.3%	83.3% #444544	RGB 68 69 68	#444544
100.0%	100.0% #303130	RGB 48 49 48	#303130

#A8ADA8 #949894 #808380 #6C6F6C #585A58 #444544 #303130

#A8ADA8 - #6C6F6C - #303130

CSS codes

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

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