#A8989C - #74484D | 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 #A8989C to #74484D

#A8989C #74484D

Calculate the color between two colors, #A8989C and #74484D. 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)

#A8989C - #74484D | 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 #A8989C as 0% and #74484D as 100%.

0.0%	0.0% #A8989C	RGB 168 152 156	#A8989C
16.7%	16.7% #9F8A8E	RGB 159 138 142	#9F8A8E
33.3%	33.3% #967D81	RGB 150 125 129	#967D81
50.0%	50.0% #8E7074	RGB 142 112 116	#8E7074
66.7%	66.7% #856267	RGB 133 98 103	#856267
83.3%	83.3% #7C555A	RGB 124 85 90	#7C555A
100.0%	100.0% #74484D	RGB 116 72 77	#74484D

#A8989C #9F8A8E #967D81 #8E7074 #856267 #7C555A #74484D

#A8989C - #74484D

HSV Blend

#A8989C - #74484D | 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 #A8989C as 0% and #74484D as 100%.

0.0%	0.0% #A8989C	RGB 168 152 156	#A8989C
16.7%	16.7% #9F888D	RGB 159 136 141	#9F888D
33.3%	33.3% #967A7F	RGB 150 122 127	#967A7F
50.0%	50.0% #8E6C72	RGB 142 108 114	#8E6C72
66.7%	66.7% #855F65	RGB 133 95 101	#855F65
83.3%	83.3% #7C5358	RGB 124 83 88	#7C5358
100.0%	100.0% #74484D	RGB 116 72 77	#74484D

#A8989C #9F888D #967A7F #8E6C72 #855F65 #7C5358 #74484D

#A8989C - #8E6C72 - #74484D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8989C 0%, #8E6C72 50%, #74484D 100%);
    background: -webkit-linear-gradient(top, #A8989C 0%, #8E6C72 50%, #74484D 100%);
    background: linear-gradient(to bottom, #A8989C 0%, #8E6C72 50%, #74484D 100%);
}
</style>