#9EB6F8 - #C9DBED | 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 #9EB6F8 to #C9DBED

#9EB6F8 #C9DBED

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

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

0.0%	0.0% #9EB6F8	RGB 158 182 248	#9EB6F8
16.7%	16.7% #A5BCF6	RGB 165 188 246	#A5BCF6
33.3%	33.3% #ACC2F4	RGB 172 194 244	#ACC2F4
50.0%	50.0% #B3C8F2	RGB 179 200 242	#B3C8F2
66.7%	66.7% #BACEF0	RGB 186 206 240	#BACEF0
83.3%	83.3% #C1D4EE	RGB 193 212 238	#C1D4EE
100.0%	100.0% #C9DBED	RGB 201 219 237	#C9DBED

#9EB6F8 #A5BCF6 #ACC2F4 #B3C8F2 #BACEF0 #C1D4EE #C9DBED

#9EB6F8 - #C9DBED

HSV Blend

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

0.0%	0.0% #9EB6F8	RGB 158 182 248	#9EB6F8
16.7%	16.7% #A5BEF6	RGB 165 190 246	#A5BEF6
33.3%	33.3% #ACC5F4	RGB 172 197 244	#ACC5F4
50.0%	50.0% #B4CCF2	RGB 180 204 242	#B4CCF2
66.7%	66.7% #BBD1F0	RGB 187 209 240	#BBD1F0
83.3%	83.3% #C2D6EE	RGB 194 214 238	#C2D6EE
100.0%	100.0% #C9DBED	RGB 201 219 237	#C9DBED

#9EB6F8 #A5BEF6 #ACC5F4 #B4CCF2 #BBD1F0 #C2D6EE #C9DBED

#9EB6F8 - #B4CCF2 - #C9DBED

CSS codes

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

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