#ACAFD0 - #31323B | 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 #ACAFD0 to #31323B

#ACAFD0 #31323B

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

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

0.0%	0.0% #ACAFD0	RGB 172 175 208	#ACAFD0
16.7%	16.7% #979AB7	RGB 151 154 183	#979AB7
33.3%	33.3% #83859E	RGB 131 133 158	#83859E
50.0%	50.0% #6E7085	RGB 110 112 133	#6E7085
66.7%	66.7% #5A5B6C	RGB 90 91 108	#5A5B6C
83.3%	83.3% #454653	RGB 69 70 83	#454653
100.0%	100.0% #31323B	RGB 49 50 59	#31323B

#ACAFD0 #979AB7 #83859E #6E7085 #5A5B6C #454653 #31323B

#ACAFD0 - #31323B

HSV Blend

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

0.0%	0.0% #ACAFD0	RGB 172 175 208	#ACAFD0
16.7%	16.7% #979AB7	RGB 151 154 183	#979AB7
33.3%	33.3% #83859E	RGB 131 133 158	#83859E
50.0%	50.0% #6E7085	RGB 110 112 133	#6E7085
66.7%	66.7% #5A5B6C	RGB 90 91 108	#5A5B6C
83.3%	83.3% #454653	RGB 69 70 83	#454653
100.0%	100.0% #31323B	RGB 49 50 59	#31323B

#ACAFD0 #979AB7 #83859E #6E7085 #5A5B6C #454653 #31323B

#ACAFD0 - #6E7085 - #31323B

CSS codes

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

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