#ACEAF9 - #314247 | 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 #ACEAF9 to #314247

#ACEAF9 #314247

Calculate the color between two colors, #ACEAF9 and #314247. 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)

#ACEAF9 - #314247 | 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 #ACEAF9 as 0% and #314247 as 100%.

0.0%	0.0% #ACEAF9	RGB 172 234 249	#ACEAF9
16.7%	16.7% #97CEDB	RGB 151 206 219	#97CEDB
33.3%	33.3% #83B2BD	RGB 131 178 189	#83B2BD
50.0%	50.0% #6E96A0	RGB 110 150 160	#6E96A0
66.7%	66.7% #5A7A82	RGB 90 122 130	#5A7A82
83.3%	83.3% #455E64	RGB 69 94 100	#455E64
100.0%	100.0% #314247	RGB 49 66 71	#314247

#ACEAF9 #97CEDB #83B2BD #6E96A0 #5A7A82 #455E64 #314247

#ACEAF9 - #314247

HSV Blend

#ACEAF9 - #314247 | 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 #ACEAF9 as 0% and #314247 as 100%.

0.0%	0.0% #ACEAF9	RGB 172 234 249	#ACEAF9
16.7%	16.7% #97CDDB	RGB 151 205 219	#97CDDB
33.3%	33.3% #82B1BD	RGB 130 177 189	#82B1BD
50.0%	50.0% #6E95A0	RGB 110 149 160	#6E95A0
66.7%	66.7% #597982	RGB 89 121 130	#597982
83.3%	83.3% #455D64	RGB 69 93 100	#455D64
100.0%	100.0% #314247	RGB 49 66 71	#314247

#ACEAF9 #97CDDB #82B1BD #6E95A0 #597982 #455D64 #314247

#ACEAF9 - #6E95A0 - #314247

CSS codes

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

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