#9EB6F1 - #CDDBE8 | 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 #9EB6F1 to #CDDBE8

#9EB6F1 #CDDBE8

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

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

0.0%	0.0% #9EB6F1	RGB 158 182 241	#9EB6F1
16.7%	16.7% #A5BCEF	RGB 165 188 239	#A5BCEF
33.3%	33.3% #ADC2EE	RGB 173 194 238	#ADC2EE
50.0%	50.0% #B5C8EC	RGB 181 200 236	#B5C8EC
66.7%	66.7% #BDCEEB	RGB 189 206 235	#BDCEEB
83.3%	83.3% #C5D4E9	RGB 197 212 233	#C5D4E9
100.0%	100.0% #CDDBE8	RGB 205 219 232	#CDDBE8

#9EB6F1 #A5BCEF #ADC2EE #B5C8EC #BDCEEB #C5D4E9 #CDDBE8

#9EB6F1 - #CDDBE8

HSV Blend

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

0.0%	0.0% #9EB6F1	RGB 158 182 241	#9EB6F1
16.7%	16.7% #A6BEEF	RGB 166 190 239	#A6BEEF
33.3%	33.3% #AEC5EE	RGB 174 197 238	#AEC5EE
50.0%	50.0% #B6CCEC	RGB 182 204 236	#B6CCEC
66.7%	66.7% #BDD1EB	RGB 189 209 235	#BDD1EB
83.3%	83.3% #C5D6E9	RGB 197 214 233	#C5D6E9
100.0%	100.0% #CDDBE8	RGB 205 219 232	#CDDBE8

#9EB6F1 #A6BEEF #AEC5EE #B6CCEC #BDD1EB #C5D6E9 #CDDBE8

#9EB6F1 - #B6CCEC - #CDDBE8

CSS codes

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

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