#ADB9D9 - #E7EBF4 | 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 #ADB9D9 to #E7EBF4

#ADB9D9 #E7EBF4

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

#ADB9D9 - #E7EBF4 | 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 #ADB9D9 as 0% and #E7EBF4 as 100%.

0.0%	0.0% #ADB9D9	RGB 173 185 217	#ADB9D9
16.7%	16.7% #B6C1DD	RGB 182 193 221	#B6C1DD
33.3%	33.3% #C0C9E2	RGB 192 201 226	#C0C9E2
50.0%	50.0% #CAD2E6	RGB 202 210 230	#CAD2E6
66.7%	66.7% #D3DAEB	RGB 211 218 235	#D3DAEB
83.3%	83.3% #DDE2EF	RGB 221 226 239	#DDE2EF
100.0%	100.0% #E7EBF4	RGB 231 235 244	#E7EBF4

#ADB9D9 #B6C1DD #C0C9E2 #CAD2E6 #D3DAEB #DDE2EF #E7EBF4

#ADB9D9 - #E7EBF4

HSV Blend

#ADB9D9 - #E7EBF4 | 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 #ADB9D9 as 0% and #E7EBF4 as 100%.

0.0%	0.0% #ADB9D9	RGB 173 185 217	#ADB9D9
16.7%	16.7% #B6C1DD	RGB 182 193 221	#B6C1DD
33.3%	33.3% #BFC9E2	RGB 191 201 226	#BFC9E2
50.0%	50.0% #C8D1E6	RGB 200 209 230	#C8D1E6
66.7%	66.7% #D2D9EB	RGB 210 217 235	#D2D9EB
83.3%	83.3% #DCE2EF	RGB 220 226 239	#DCE2EF
100.0%	100.0% #E7EBF4	RGB 231 235 244	#E7EBF4

#ADB9D9 #B6C1DD #BFC9E2 #C8D1E6 #D2D9EB #DCE2EF #E7EBF4

#ADB9D9 - #C8D1E6 - #E7EBF4

CSS codes

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

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