#A6B9D9 - #E5EBF4 | 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 #A6B9D9 to #E5EBF4

#A6B9D9 #E5EBF4

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

#A6B9D9 - #E5EBF4 | 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 #A6B9D9 as 0% and #E5EBF4 as 100%.

0.0%	0.0% #A6B9D9	RGB 166 185 217	#A6B9D9
16.7%	16.7% #B0C1DD	RGB 176 193 221	#B0C1DD
33.3%	33.3% #BBC9E2	RGB 187 201 226	#BBC9E2
50.0%	50.0% #C5D2E6	RGB 197 210 230	#C5D2E6
66.7%	66.7% #D0DAEB	RGB 208 218 235	#D0DAEB
83.3%	83.3% #DAE2EF	RGB 218 226 239	#DAE2EF
100.0%	100.0% #E5EBF4	RGB 229 235 244	#E5EBF4

#A6B9D9 #B0C1DD #BBC9E2 #C5D2E6 #D0DAEB #DAE2EF #E5EBF4

#A6B9D9 - #E5EBF4

HSV Blend

#A6B9D9 - #E5EBF4 | 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 #A6B9D9 as 0% and #E5EBF4 as 100%.

0.0%	0.0% #A6B9D9	RGB 166 185 217	#A6B9D9
16.7%	16.7% #AFC1DD	RGB 175 193 221	#AFC1DD
33.3%	33.3% #B9C9E2	RGB 185 201 226	#B9C9E2
50.0%	50.0% #C4D1E6	RGB 196 209 230	#C4D1E6
66.7%	66.7% #CED9EB	RGB 206 217 235	#CED9EB
83.3%	83.3% #D9E2EF	RGB 217 226 239	#D9E2EF
100.0%	100.0% #E5EBF4	RGB 229 235 244	#E5EBF4

#A6B9D9 #AFC1DD #B9C9E2 #C4D1E6 #CED9EB #D9E2EF #E5EBF4

#A6B9D9 - #C4D1E6 - #E5EBF4

CSS codes

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

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