#A8B1A8 - #586B5E | 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 #A8B1A8 to #586B5E

#A8B1A8 #586B5E

Calculate the color between two colors, #A8B1A8 and #586B5E. 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)

#A8B1A8 - #586B5E | 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 #A8B1A8 as 0% and #586B5E as 100%.

0.0%	0.0% #A8B1A8	RGB 168 177 168	#A8B1A8
16.7%	16.7% #9AA59B	RGB 154 165 155	#9AA59B
33.3%	33.3% #8D998F	RGB 141 153 143	#8D998F
50.0%	50.0% #808E83	RGB 128 142 131	#808E83
66.7%	66.7% #728276	RGB 114 130 118	#728276
83.3%	83.3% #65766A	RGB 101 118 106	#65766A
100.0%	100.0% #586B5E	RGB 88 107 94	#586B5E

#A8B1A8 #9AA59B #8D998F #808E83 #728276 #65766A #586B5E

#A8B1A8 - #586B5E

HSV Blend

#A8B1A8 - #586B5E | 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 #A8B1A8 as 0% and #586B5E as 100%.

0.0%	0.0% #A8B1A8	RGB 168 177 168	#A8B1A8
16.7%	16.7% #99A59A	RGB 153 165 154	#99A59A
33.3%	33.3% #8B998C	RGB 139 153 140	#8B998C
50.0%	50.0% #7D8E80	RGB 125 142 128	#7D8E80
66.7%	66.7% #708274	RGB 112 130 116	#708274
83.3%	83.3% #647668	RGB 100 118 104	#647668
100.0%	100.0% #586B5E	RGB 88 107 94	#586B5E

#A8B1A8 #99A59A #8B998C #7D8E80 #708274 #647668 #586B5E

#A8B1A8 - #7D8E80 - #586B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B1A8 0%, #7D8E80 50%, #586B5E 100%);
    background: -webkit-linear-gradient(top, #A8B1A8 0%, #7D8E80 50%, #586B5E 100%);
    background: linear-gradient(to bottom, #A8B1A8 0%, #7D8E80 50%, #586B5E 100%);
}
</style>