#A1B2D9 - #D6D9DA | 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 #A1B2D9 to #D6D9DA

#A1B2D9 #D6D9DA

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

#A1B2D9 - #D6D9DA | 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 #A1B2D9 as 0% and #D6D9DA as 100%.

0.0%	0.0% #A1B2D9	RGB 161 178 217	#A1B2D9
16.7%	16.7% #A9B8D9	RGB 169 184 217	#A9B8D9
33.3%	33.3% #B2BFD9	RGB 178 191 217	#B2BFD9
50.0%	50.0% #BBC5D9	RGB 187 197 217	#BBC5D9
66.7%	66.7% #C4CCD9	RGB 196 204 217	#C4CCD9
83.3%	83.3% #CDD2D9	RGB 205 210 217	#CDD2D9
100.0%	100.0% #D6D9DA	RGB 214 217 218	#D6D9DA

#A1B2D9 #A9B8D9 #B2BFD9 #BBC5D9 #C4CCD9 #CDD2D9 #D6D9DA

#A1B2D9 - #D6D9DA

HSV Blend

#A1B2D9 - #D6D9DA | 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 #A1B2D9 as 0% and #D6D9DA as 100%.

0.0%	0.0% #A1B2D9	RGB 161 178 217	#A1B2D9
16.7%	16.7% #A9BBD9	RGB 169 187 217	#A9BBD9
33.3%	33.3% #B2C4D9	RGB 178 196 217	#B2C4D9
50.0%	50.0% #BBCBD9	RGB 187 203 217	#BBCBD9
66.7%	66.7% #C4D1D9	RGB 196 209 217	#C4D1D9
83.3%	83.3% #CDD5D9	RGB 205 213 217	#CDD5D9
100.0%	100.0% #D6D9DA	RGB 214 217 218	#D6D9DA

#A1B2D9 #A9BBD9 #B2C4D9 #BBCBD9 #C4D1D9 #CDD5D9 #D6D9DA

#A1B2D9 - #BBCBD9 - #D6D9DA

CSS codes

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

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