#A8BCD9 - #E6EBF4 | 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 #A8BCD9 to #E6EBF4

#A8BCD9 #E6EBF4

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

#A8BCD9 - #E6EBF4 | 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 #A8BCD9 as 0% and #E6EBF4 as 100%.

0.0%	0.0% #A8BCD9	RGB 168 188 217	#A8BCD9
16.7%	16.7% #B2C3DD	RGB 178 195 221	#B2C3DD
33.3%	33.3% #BCCBE2	RGB 188 203 226	#BCCBE2
50.0%	50.0% #C7D3E6	RGB 199 211 230	#C7D3E6
66.7%	66.7% #D1DBEB	RGB 209 219 235	#D1DBEB
83.3%	83.3% #DBE3EF	RGB 219 227 239	#DBE3EF
100.0%	100.0% #E6EBF4	RGB 230 235 244	#E6EBF4

#A8BCD9 #B2C3DD #BCCBE2 #C7D3E6 #D1DBEB #DBE3EF #E6EBF4

#A8BCD9 - #E6EBF4

HSV Blend

#A8BCD9 - #E6EBF4 | 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 #A8BCD9 as 0% and #E6EBF4 as 100%.

0.0%	0.0% #A8BCD9	RGB 168 188 217	#A8BCD9
16.7%	16.7% #B1C3DD	RGB 177 195 221	#B1C3DD
33.3%	33.3% #BBCAE2	RGB 187 202 226	#BBCAE2
50.0%	50.0% #C5D2E6	RGB 197 210 230	#C5D2E6
66.7%	66.7% #D0DAEB	RGB 208 218 235	#D0DAEB
83.3%	83.3% #DBE2EF	RGB 219 226 239	#DBE2EF
100.0%	100.0% #E6EBF4	RGB 230 235 244	#E6EBF4

#A8BCD9 #B1C3DD #BBCAE2 #C5D2E6 #D0DAEB #DBE2EF #E6EBF4

#A8BCD9 - #C5D2E6 - #E6EBF4

CSS codes

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

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