#96B2D9 - #D7D9DA | 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 #96B2D9 to #D7D9DA

#96B2D9 #D7D9DA

Calculate the color between two colors, #96B2D9 and #D7D9DA. 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)

#96B2D9 - #D7D9DA | 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 #96B2D9 as 0% and #D7D9DA as 100%.

0.0%	0.0% #96B2D9	RGB 150 178 217	#96B2D9
16.7%	16.7% #A0B8D9	RGB 160 184 217	#A0B8D9
33.3%	33.3% #ABBFD9	RGB 171 191 217	#ABBFD9
50.0%	50.0% #B6C5D9	RGB 182 197 217	#B6C5D9
66.7%	66.7% #C1CCD9	RGB 193 204 217	#C1CCD9
83.3%	83.3% #CCD2D9	RGB 204 210 217	#CCD2D9
100.0%	100.0% #D7D9DA	RGB 215 217 218	#D7D9DA

#96B2D9 #A0B8D9 #ABBFD9 #B6C5D9 #C1CCD9 #CCD2D9 #D7D9DA

#96B2D9 - #D7D9DA

HSV Blend

#96B2D9 - #D7D9DA | 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 #96B2D9 as 0% and #D7D9DA as 100%.

0.0%	0.0% #96B1D9	RGB 150 177 217	#96B1D9
16.7%	16.7% #A0BAD9	RGB 160 186 217	#A0BAD9
33.3%	33.3% #ABC2D9	RGB 171 194 217	#ABC2D9
50.0%	50.0% #B6C9D9	RGB 182 201 217	#B6C9D9
66.7%	66.7% #C1CFD9	RGB 193 207 217	#C1CFD9
83.3%	83.3% #CCD4D9	RGB 204 212 217	#CCD4D9
100.0%	100.0% #D7D9DA	RGB 215 217 218	#D7D9DA

#96B1D9 #A0BAD9 #ABC2D9 #B6C9D9 #C1CFD9 #CCD4D9 #D7D9DA

#96B2D9 - #B6C9D9 - #D7D9DA

CSS codes

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

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