#A8D3E4 - #EAE4E1 | 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 #A8D3E4 to #EAE4E1

#A8D3E4 #EAE4E1

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

#A8D3E4 - #EAE4E1 | 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 #A8D3E4 as 0% and #EAE4E1 as 100%.

0.0%	0.0% #A8D3E4	RGB 168 211 228	#A8D3E4
16.7%	16.7% #B3D5E3	RGB 179 213 227	#B3D5E3
33.3%	33.3% #BED8E3	RGB 190 216 227	#BED8E3
50.0%	50.0% #C9DBE2	RGB 201 219 226	#C9DBE2
66.7%	66.7% #D4DEE2	RGB 212 222 226	#D4DEE2
83.3%	83.3% #DFE1E1	RGB 223 225 225	#DFE1E1
100.0%	100.0% #EAE4E1	RGB 234 228 225	#EAE4E1

#A8D3E4 #B3D5E3 #BED8E3 #C9DBE2 #D4DEE2 #DFE1E1 #EAE4E1

#A8D3E4 - #EAE4E1

HSV Blend

#A8D3E4 - #EAE4E1 | 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 #A8D3E4 as 0% and #EAE4E1 as 100%.

0.0%	0.0% #A8D3E4	RGB 168 211 228	#A8D3E4
16.7%	16.7% #B1E5DA	RGB 177 229 218	#B1E5DA
33.3%	33.3% #BAE6C7	RGB 186 230 199	#BAE6C7
50.0%	50.0% #CAE7C4	RGB 202 231 196	#CAE7C4
66.7%	66.7% #DFE8CD	RGB 223 232 205	#DFE8CD
83.3%	83.3% #E9E5D7	RGB 233 229 215	#E9E5D7
100.0%	100.0% #EAE4E1	RGB 234 228 225	#EAE4E1

#A8D3E4 #B1E5DA #BAE6C7 #CAE7C4 #DFE8CD #E9E5D7 #EAE4E1

#A8D3E4 - #CAE7C4 - #EAE4E1

CSS codes

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

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