#ACACC1 - #313137 | 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 #ACACC1 to #313137

#ACACC1 #313137

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

#ACACC1 - #313137 | 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 #ACACC1 as 0% and #313137 as 100%.

0.0%	0.0% #ACACC1	RGB 172 172 193	#ACACC1
16.7%	16.7% #9797AA	RGB 151 151 170	#9797AA
33.3%	33.3% #838393	RGB 131 131 147	#838393
50.0%	50.0% #6E6E7C	RGB 110 110 124	#6E6E7C
66.7%	66.7% #5A5A65	RGB 90 90 101	#5A5A65
83.3%	83.3% #45454E	RGB 69 69 78	#45454E
100.0%	100.0% #313137	RGB 49 49 55	#313137

#ACACC1 #9797AA #838393 #6E6E7C #5A5A65 #45454E #313137

#ACACC1 - #313137

HSV Blend

#ACACC1 - #313137 | 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 #ACACC1 as 0% and #313137 as 100%.

0.0%	0.0% #ACACC1	RGB 172 172 193	#ACACC1
16.7%	16.7% #9797AA	RGB 151 151 170	#9797AA
33.3%	33.3% #828293	RGB 130 130 147	#828293
50.0%	50.0% #6E6E7C	RGB 110 110 124	#6E6E7C
66.7%	66.7% #595965	RGB 89 89 101	#595965
83.3%	83.3% #45454E	RGB 69 69 78	#45454E
100.0%	100.0% #313137	RGB 49 49 55	#313137

#ACACC1 #9797AA #828293 #6E6E7C #595965 #45454E #313137

#ACACC1 - #6E6E7C - #313137

CSS codes

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

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