#A8CAA8 - #303930 | 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 #A8CAA8 to #303930

#A8CAA8 #303930

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

#A8CAA8 - #303930 | 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 #A8CAA8 as 0% and #303930 as 100%.

0.0%	0.0% #A8CAA8	RGB 168 202 168	#A8CAA8
16.7%	16.7% #94B194	RGB 148 177 148	#94B194
33.3%	33.3% #809980	RGB 128 153 128	#809980
50.0%	50.0% #6C816C	RGB 108 129 108	#6C816C
66.7%	66.7% #586958	RGB 88 105 88	#586958
83.3%	83.3% #445144	RGB 68 81 68	#445144
100.0%	100.0% #303930	RGB 48 57 48	#303930

#A8CAA8 #94B194 #809980 #6C816C #586958 #445144 #303930

#A8CAA8 - #303930

HSV Blend

#A8CAA8 - #303930 | 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 #A8CAA8 as 0% and #303930 as 100%.

0.0%	0.0% #A8CAA8	RGB 168 202 168	#A8CAA8
16.7%	16.7% #94B194	RGB 148 177 148	#94B194
33.3%	33.3% #809980	RGB 128 153 128	#809980
50.0%	50.0% #6C816C	RGB 108 129 108	#6C816C
66.7%	66.7% #586958	RGB 88 105 88	#586958
83.3%	83.3% #445144	RGB 68 81 68	#445144
100.0%	100.0% #303930	RGB 48 57 48	#303930

#A8CAA8 #94B194 #809980 #6C816C #586958 #445144 #303930

#A8CAA8 - #6C816C - #303930

CSS codes

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

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