#ACD9DB - #313D3E | 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 #ACD9DB to #313D3E

#ACD9DB #313D3E

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

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

0.0%	0.0% #ACD9DB	RGB 172 217 219	#ACD9DB
16.7%	16.7% #97BFC0	RGB 151 191 192	#97BFC0
33.3%	33.3% #83A5A6	RGB 131 165 166	#83A5A6
50.0%	50.0% #6E8B8C	RGB 110 139 140	#6E8B8C
66.7%	66.7% #5A7172	RGB 90 113 114	#5A7172
83.3%	83.3% #455758	RGB 69 87 88	#455758
100.0%	100.0% #313D3E	RGB 49 61 62	#313D3E

#ACD9DB #97BFC0 #83A5A6 #6E8B8C #5A7172 #455758 #313D3E

#ACD9DB - #313D3E

HSV Blend

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

0.0%	0.0% #ACD9DB	RGB 172 217 219	#ACD9DB
16.7%	16.7% #97BEC0	RGB 151 190 192	#97BEC0
33.3%	33.3% #83A4A6	RGB 131 164 166	#83A4A6
50.0%	50.0% #6E8A8C	RGB 110 138 140	#6E8A8C
66.7%	66.7% #5A7072	RGB 90 112 114	#5A7072
83.3%	83.3% #455658	RGB 69 86 88	#455658
100.0%	100.0% #313D3E	RGB 49 61 62	#313D3E

#ACD9DB #97BEC0 #83A4A6 #6E8A8C #5A7072 #455658 #313D3E

#ACD9DB - #6E8A8C - #313D3E

CSS codes

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

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