#A8BACD - #E6EBF0 | 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 #A8BACD to #E6EBF0

#A8BACD #E6EBF0

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

#A8BACD - #E6EBF0 | 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 #A8BACD as 0% and #E6EBF0 as 100%.

0.0%	0.0% #A8BACD	RGB 168 186 205	#A8BACD
16.7%	16.7% #B2C2D2	RGB 178 194 210	#B2C2D2
33.3%	33.3% #BCCAD8	RGB 188 202 216	#BCCAD8
50.0%	50.0% #C7D2DE	RGB 199 210 222	#C7D2DE
66.7%	66.7% #D1DAE4	RGB 209 218 228	#D1DAE4
83.3%	83.3% #DBE2EA	RGB 219 226 234	#DBE2EA
100.0%	100.0% #E6EBF0	RGB 230 235 240	#E6EBF0

#A8BACD #B2C2D2 #BCCAD8 #C7D2DE #D1DAE4 #DBE2EA #E6EBF0

#A8BACD - #E6EBF0

HSV Blend

#A8BACD - #E6EBF0 | 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 #A8BACD as 0% and #E6EBF0 as 100%.

0.0%	0.0% #A8BACD	RGB 168 186 205	#A8BACD
16.7%	16.7% #B1C1D2	RGB 177 193 210	#B1C1D2
33.3%	33.3% #BBC9D8	RGB 187 201 216	#BBC9D8
50.0%	50.0% #C5D1DE	RGB 197 209 222	#C5D1DE
66.7%	66.7% #D0DAE4	RGB 208 218 228	#D0DAE4
83.3%	83.3% #DAE2EA	RGB 218 226 234	#DAE2EA
100.0%	100.0% #E6EBF0	RGB 230 235 240	#E6EBF0

#A8BACD #B1C1D2 #BBC9D8 #C5D1DE #D0DAE4 #DAE2EA #E6EBF0

#A8BACD - #C5D1DE - #E6EBF0

CSS codes

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

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