#ACCDD9 - #313A3E | 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 #ACCDD9 to #313A3E

#ACCDD9 #313A3E

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

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

0.0%	0.0% #ACCDD9	RGB 172 205 217	#ACCDD9
16.7%	16.7% #97B4BF	RGB 151 180 191	#97B4BF
33.3%	33.3% #839CA5	RGB 131 156 165	#839CA5
50.0%	50.0% #6E838B	RGB 110 131 139	#6E838B
66.7%	66.7% #5A6B71	RGB 90 107 113	#5A6B71
83.3%	83.3% #455257	RGB 69 82 87	#455257
100.0%	100.0% #313A3E	RGB 49 58 62	#313A3E

#ACCDD9 #97B4BF #839CA5 #6E838B #5A6B71 #455257 #313A3E

#ACCDD9 - #313A3E

HSV Blend

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

0.0%	0.0% #ACCDD9	RGB 172 205 217	#ACCDD9
16.7%	16.7% #97B4BF	RGB 151 180 191	#97B4BF
33.3%	33.3% #829BA5	RGB 130 155 165	#829BA5
50.0%	50.0% #6E838B	RGB 110 131 139	#6E838B
66.7%	66.7% #596A71	RGB 89 106 113	#596A71
83.3%	83.3% #455257	RGB 69 82 87	#455257
100.0%	100.0% #313A3E	RGB 49 58 62	#313A3E

#ACCDD9 #97B4BF #829BA5 #6E838B #596A71 #455257 #313A3E

#ACCDD9 - #6E838B - #313A3E

CSS codes

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

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