#9DB2DA - #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 #9DB2DA to #D6D9DA

#9DB2DA #D6D9DA

Calculate the color between two colors, #9DB2DA 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)

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

0.0%	0.0% #9DB2DA	RGB 157 178 218	#9DB2DA
16.7%	16.7% #A6B8DA	RGB 166 184 218	#A6B8DA
33.3%	33.3% #B0BFDA	RGB 176 191 218	#B0BFDA
50.0%	50.0% #B9C5DA	RGB 185 197 218	#B9C5DA
66.7%	66.7% #C3CCDA	RGB 195 204 218	#C3CCDA
83.3%	83.3% #CCD2DA	RGB 204 210 218	#CCD2DA
100.0%	100.0% #D6D9DA	RGB 214 217 218	#D6D9DA

#9DB2DA #A6B8DA #B0BFDA #B9C5DA #C3CCDA #CCD2DA #D6D9DA

#9DB2DA - #D6D9DA

HSV Blend

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

0.0%	0.0% #9DB2DA	RGB 157 178 218	#9DB2DA
16.7%	16.7% #A6BBDA	RGB 166 187 218	#A6BBDA
33.3%	33.3% #B0C4DA	RGB 176 196 218	#B0C4DA
50.0%	50.0% #B9CBDA	RGB 185 203 218	#B9CBDA
66.7%	66.7% #C3D1DA	RGB 195 209 218	#C3D1DA
83.3%	83.3% #CCD5DA	RGB 204 213 218	#CCD5DA
100.0%	100.0% #D6D9DA	RGB 214 217 218	#D6D9DA

#9DB2DA #A6BBDA #B0C4DA #B9CBDA #C3D1DA #CCD5DA #D6D9DA

#9DB2DA - #B9CBDA - #D6D9DA

CSS codes

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

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