#ACD8F0 - #E7E4E7 | 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 #ACD8F0 to #E7E4E7

#ACD8F0 #E7E4E7

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

#ACD8F0 - #E7E4E7 | 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 #ACD8F0 as 0% and #E7E4E7 as 100%.

0.0%	0.0% #ACD8F0	RGB 172 216 240	#ACD8F0
16.7%	16.7% #B5DAEE	RGB 181 218 238	#B5DAEE
33.3%	33.3% #BFDCED	RGB 191 220 237	#BFDCED
50.0%	50.0% #C9DEEB	RGB 201 222 235	#C9DEEB
66.7%	66.7% #D3E0EA	RGB 211 224 234	#D3E0EA
83.3%	83.3% #DDE2E8	RGB 221 226 232	#DDE2E8
100.0%	100.0% #E7E4E7	RGB 231 228 231	#E7E4E7

#ACD8F0 #B5DAEE #BFDCED #C9DEEB #D3E0EA #DDE2E8 #E7E4E7

#ACD8F0 - #E7E4E7

HSV Blend

#ACD8F0 - #E7E4E7 | 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 #ACD8F0 as 0% and #E7E4E7 as 100%.

0.0%	0.0% #ACD8F0	RGB 172 216 240	#ACD8F0
16.7%	16.7% #B5CAEE	RGB 181 202 238	#B5CAEE
33.3%	33.3% #BFC3ED	RGB 191 195 237	#BFC3ED
50.0%	50.0% #CEC8EB	RGB 206 200 235	#CEC8EB
66.7%	66.7% #DCD1EA	RGB 220 209 234	#DCD1EA
83.3%	83.3% #E4DBE8	RGB 228 219 232	#E4DBE8
100.0%	100.0% #E7E4E7	RGB 231 228 231	#E7E4E7

#ACD8F0 #B5CAEE #BFC3ED #CEC8EB #DCD1EA #E4DBE8 #E7E4E7

#ACD8F0 - #CEC8EB - #E7E4E7

CSS codes

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

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