#ACDCCF - #313E3B | 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 #ACDCCF to #313E3B

#ACDCCF #313E3B

Calculate the color between two colors, #ACDCCF and #313E3B. 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)

#ACDCCF - #313E3B | 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 #ACDCCF as 0% and #313E3B as 100%.

0.0%	0.0% #ACDCCF	RGB 172 220 207	#ACDCCF
16.7%	16.7% #97C1B6	RGB 151 193 182	#97C1B6
33.3%	33.3% #83A79D	RGB 131 167 157	#83A79D
50.0%	50.0% #6E8D85	RGB 110 141 133	#6E8D85
66.7%	66.7% #5A726C	RGB 90 114 108	#5A726C
83.3%	83.3% #455853	RGB 69 88 83	#455853
100.0%	100.0% #313E3B	RGB 49 62 59	#313E3B

#ACDCCF #97C1B6 #83A79D #6E8D85 #5A726C #455853 #313E3B

#ACDCCF - #313E3B

HSV Blend

#ACDCCF - #313E3B | 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 #ACDCCF as 0% and #313E3B as 100%.

0.0%	0.0% #ACDCCF	RGB 172 220 207	#ACDCCF
16.7%	16.7% #97C1B6	RGB 151 193 182	#97C1B6
33.3%	33.3% #83A79E	RGB 131 167 158	#83A79E
50.0%	50.0% #6E8D85	RGB 110 141 133	#6E8D85
66.7%	66.7% #5A726C	RGB 90 114 108	#5A726C
83.3%	83.3% #455853	RGB 69 88 83	#455853
100.0%	100.0% #313E3B	RGB 49 62 59	#313E3B

#ACDCCF #97C1B6 #83A79E #6E8D85 #5A726C #455853 #313E3B

#ACDCCF - #6E8D85 - #313E3B

CSS codes

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

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