#ACA1A1 - #94564B | 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 #ACA1A1 to #94564B

#ACA1A1 #94564B

Calculate the color between two colors, #ACA1A1 and #94564B. 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)

#ACA1A1 - #94564B | 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 #ACA1A1 as 0% and #94564B as 100%.

0.0%	0.0% #ACA1A1	RGB 172 161 161	#ACA1A1
16.7%	16.7% #A89492	RGB 168 148 146	#A89492
33.3%	33.3% #A48884	RGB 164 136 132	#A48884
50.0%	50.0% #A07B76	RGB 160 123 118	#A07B76
66.7%	66.7% #9C6F67	RGB 156 111 103	#9C6F67
83.3%	83.3% #986259	RGB 152 98 89	#986259
100.0%	100.0% #94564B	RGB 148 86 75	#94564B

#ACA1A1 #A89492 #A48884 #A07B76 #9C6F67 #986259 #94564B

#ACA1A1 - #94564B

HSV Blend

#ACA1A1 - #94564B | 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 #ACA1A1 as 0% and #94564B as 100%.

0.0%	0.0% #ACA1A1	RGB 172 161 161	#ACA1A1
16.7%	16.7% #A89191	RGB 168 145 145	#A89191
33.3%	33.3% #A48382	RGB 164 131 130	#A48382
50.0%	50.0% #A07673	RGB 160 118 115	#A07673
66.7%	66.7% #9C6A65	RGB 156 106 101	#9C6A65
83.3%	83.3% #985F57	RGB 152 95 87	#985F57
100.0%	100.0% #94564B	RGB 148 86 75	#94564B

#ACA1A1 #A89191 #A48382 #A07673 #9C6A65 #985F57 #94564B

#ACA1A1 - #A07673 - #94564B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACA1A1 0%, #A07673 50%, #94564B 100%);
    background: -webkit-linear-gradient(top, #ACA1A1 0%, #A07673 50%, #94564B 100%);
    background: linear-gradient(to bottom, #ACA1A1 0%, #A07673 50%, #94564B 100%);
}
</style>