#A8B5CB - #E6EAF0 | 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 #A8B5CB to #E6EAF0

#A8B5CB #E6EAF0

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

#A8B5CB - #E6EAF0 | 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 #A8B5CB as 0% and #E6EAF0 as 100%.

0.0%	0.0% #A8B5CB	RGB 168 181 203	#A8B5CB
16.7%	16.7% #B2BDD1	RGB 178 189 209	#B2BDD1
33.3%	33.3% #BCC6D7	RGB 188 198 215	#BCC6D7
50.0%	50.0% #C7CFDD	RGB 199 207 221	#C7CFDD
66.7%	66.7% #D1D8E3	RGB 209 216 227	#D1D8E3
83.3%	83.3% #DBE1E9	RGB 219 225 233	#DBE1E9
100.0%	100.0% #E6EAF0	RGB 230 234 240	#E6EAF0

#A8B5CB #B2BDD1 #BCC6D7 #C7CFDD #D1D8E3 #DBE1E9 #E6EAF0

#A8B5CB - #E6EAF0

HSV Blend

#A8B5CB - #E6EAF0 | 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 #A8B5CB as 0% and #E6EAF0 as 100%.

0.0%	0.0% #A8B5CB	RGB 168 181 203	#A8B5CB
16.7%	16.7% #B1BDD1	RGB 177 189 209	#B1BDD1
33.3%	33.3% #BBC6D7	RGB 187 198 215	#BBC6D7
50.0%	50.0% #C5CEDD	RGB 197 206 221	#C5CEDD
66.7%	66.7% #D0D7E3	RGB 208 215 227	#D0D7E3
83.3%	83.3% #DAE0E9	RGB 218 224 233	#DAE0E9
100.0%	100.0% #E6EAF0	RGB 230 234 240	#E6EAF0

#A8B5CB #B1BDD1 #BBC6D7 #C5CEDD #D0D7E3 #DAE0E9 #E6EAF0

#A8B5CB - #C5CEDD - #E6EAF0

CSS codes

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

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