#A1D1ED - #E4E2E4 | 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 #A1D1ED to #E4E2E4

#A1D1ED #E4E2E4

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

#A1D1ED - #E4E2E4 | 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 #A1D1ED as 0% and #E4E2E4 as 100%.

0.0%	0.0% #A1D1ED	RGB 161 209 237	#A1D1ED
16.7%	16.7% #ACD3EB	RGB 172 211 235	#ACD3EB
33.3%	33.3% #B7D6EA	RGB 183 214 234	#B7D6EA
50.0%	50.0% #C2D9E8	RGB 194 217 232	#C2D9E8
66.7%	66.7% #CDDCE7	RGB 205 220 231	#CDDCE7
83.3%	83.3% #D8DFE5	RGB 216 223 229	#D8DFE5
100.0%	100.0% #E4E2E4	RGB 228 226 228	#E4E2E4

#A1D1ED #ACD3EB #B7D6EA #C2D9E8 #CDDCE7 #D8DFE5 #E4E2E4

#A1D1ED - #E4E2E4

HSV Blend

#A1D1ED - #E4E2E4 | 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 #A1D1ED as 0% and #E4E2E4 as 100%.

0.0%	0.0% #A1D1ED	RGB 161 209 237	#A1D1ED
16.7%	16.7% #ACC2EB	RGB 172 194 235	#ACC2EB
33.3%	33.3% #B7BBEA	RGB 183 187 234	#B7BBEA
50.0%	50.0% #C9C2E8	RGB 201 194 232	#C9C2E8
66.7%	66.7% #D8CCE7	RGB 216 204 231	#D8CCE7
83.3%	83.3% #E1D7E5	RGB 225 215 229	#E1D7E5
100.0%	100.0% #E4E2E4	RGB 228 226 228	#E4E2E4

#A1D1ED #ACC2EB #B7BBEA #C9C2E8 #D8CCE7 #E1D7E5 #E4E2E4

#A1D1ED - #C9C2E8 - #E4E2E4

CSS codes

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

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