#9EB6D8 - #DADBD9 | 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 #9EB6D8 to #DADBD9

#9EB6D8 #DADBD9

Calculate the color between two colors, #9EB6D8 and #DADBD9. 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)

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

0.0%	0.0% #9EB6D8	RGB 158 182 216	#9EB6D8
16.7%	16.7% #A8BCD8	RGB 168 188 216	#A8BCD8
33.3%	33.3% #B2C2D8	RGB 178 194 216	#B2C2D8
50.0%	50.0% #BCC8D8	RGB 188 200 216	#BCC8D8
66.7%	66.7% #C6CED8	RGB 198 206 216	#C6CED8
83.3%	83.3% #D0D4D8	RGB 208 212 216	#D0D4D8
100.0%	100.0% #DADBD9	RGB 218 219 217	#DADBD9

#9EB6D8 #A8BCD8 #B2C2D8 #BCC8D8 #C6CED8 #D0D4D8 #DADBD9

#9EB6D8 - #DADBD9

HSV Blend

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

0.0%	0.0% #9EB6D8	RGB 158 182 216	#9EB6D8
16.7%	16.7% #A7CCD8	RGB 167 204 216	#A7CCD8
33.3%	33.3% #B1D9D4	RGB 177 217 212	#B1D9D4
50.0%	50.0% #BBD9CB	RGB 187 217 203	#BBD9CB
66.7%	66.7% #C5DAC9	RGB 197 218 201	#C5DAC9
83.3%	83.3% #D0DACF	RGB 208 218 207	#D0DACF
100.0%	100.0% #DADBD9	RGB 218 219 217	#DADBD9

#9EB6D8 #A7CCD8 #B1D9D4 #BBD9CB #C5DAC9 #D0DACF #DADBD9

#9EB6D8 - #BBD9CB - #DADBD9

CSS codes

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

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