#ACB8D4 - #31343C | 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 #ACB8D4 to #31343C

#ACB8D4 #31343C

Calculate the color between two colors, #ACB8D4 and #31343C. 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)

#ACB8D4 - #31343C | 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 #ACB8D4 as 0% and #31343C as 100%.

0.0%	0.0% #ACB8D4	RGB 172 184 212	#ACB8D4
16.7%	16.7% #97A2BA	RGB 151 162 186	#97A2BA
33.3%	33.3% #838CA1	RGB 131 140 161	#838CA1
50.0%	50.0% #6E7688	RGB 110 118 136	#6E7688
66.7%	66.7% #5A606E	RGB 90 96 110	#5A606E
83.3%	83.3% #454A55	RGB 69 74 85	#454A55
100.0%	100.0% #31343C	RGB 49 52 60	#31343C

#ACB8D4 #97A2BA #838CA1 #6E7688 #5A606E #454A55 #31343C

#ACB8D4 - #31343C

HSV Blend

#ACB8D4 - #31343C | 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 #ACB8D4 as 0% and #31343C as 100%.

0.0%	0.0% #ACB8D4	RGB 172 184 212	#ACB8D4
16.7%	16.7% #97A1BA	RGB 151 161 186	#97A1BA
33.3%	33.3% #838BA1	RGB 131 139 161	#838BA1
50.0%	50.0% #6E7588	RGB 110 117 136	#6E7588
66.7%	66.7% #5A5F6E	RGB 90 95 110	#5A5F6E
83.3%	83.3% #454955	RGB 69 73 85	#454955
100.0%	100.0% #31343C	RGB 49 52 60	#31343C

#ACB8D4 #97A1BA #838BA1 #6E7588 #5A5F6E #454955 #31343C

#ACB8D4 - #6E7588 - #31343C

CSS codes

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

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