#ACBDA4 - #31352E | 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 #ACBDA4 to #31352E

#ACBDA4 #31352E

Calculate the color between two colors, #ACBDA4 and #31352E. 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)

#ACBDA4 - #31352E | 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 #ACBDA4 as 0% and #31352E as 100%.

0.0%	0.0% #ACBDA4	RGB 172 189 164	#ACBDA4
16.7%	16.7% #97A690	RGB 151 166 144	#97A690
33.3%	33.3% #838F7C	RGB 131 143 124	#838F7C
50.0%	50.0% #6E7969	RGB 110 121 105	#6E7969
66.7%	66.7% #5A6255	RGB 90 98 85	#5A6255
83.3%	83.3% #454B41	RGB 69 75 65	#454B41
100.0%	100.0% #31352E	RGB 49 53 46	#31352E

#ACBDA4 #97A690 #838F7C #6E7969 #5A6255 #454B41 #31352E

#ACBDA4 - #31352E

HSV Blend

#ACBDA4 - #31352E | 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 #ACBDA4 as 0% and #31352E as 100%.

0.0%	0.0% #ACBDA4	RGB 172 189 164	#ACBDA4
16.7%	16.7% #97A690	RGB 151 166 144	#97A690
33.3%	33.3% #838F7C	RGB 131 143 124	#838F7C
50.0%	50.0% #6E7969	RGB 110 121 105	#6E7969
66.7%	66.7% #5A6255	RGB 90 98 85	#5A6255
83.3%	83.3% #454B41	RGB 69 75 65	#454B41
100.0%	100.0% #31352E	RGB 49 53 46	#31352E

#ACBDA4 #97A690 #838F7C #6E7969 #5A6255 #454B41 #31352E

#ACBDA4 - #6E7969 - #31352E

CSS codes

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

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