#ACAFD9 - #31323E | 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 #ACAFD9 to #31323E

#ACAFD9 #31323E

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

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

0.0%	0.0% #ACAFD9	RGB 172 175 217	#ACAFD9
16.7%	16.7% #979ABF	RGB 151 154 191	#979ABF
33.3%	33.3% #8385A5	RGB 131 133 165	#8385A5
50.0%	50.0% #6E708B	RGB 110 112 139	#6E708B
66.7%	66.7% #5A5B71	RGB 90 91 113	#5A5B71
83.3%	83.3% #454657	RGB 69 70 87	#454657
100.0%	100.0% #31323E	RGB 49 50 62	#31323E

#ACAFD9 #979ABF #8385A5 #6E708B #5A5B71 #454657 #31323E

#ACAFD9 - #31323E

HSV Blend

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

0.0%	0.0% #ACAFD9	RGB 172 175 217	#ACAFD9
16.7%	16.7% #979ABF	RGB 151 154 191	#979ABF
33.3%	33.3% #8285A5	RGB 130 133 165	#8285A5
50.0%	50.0% #6E708B	RGB 110 112 139	#6E708B
66.7%	66.7% #595B71	RGB 89 91 113	#595B71
83.3%	83.3% #454657	RGB 69 70 87	#454657
100.0%	100.0% #31323E	RGB 49 50 62	#31323E

#ACAFD9 #979ABF #8285A5 #6E708B #595B71 #454657 #31323E

#ACAFD9 - #6E708B - #31323E

CSS codes

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

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