#9DBAFE - #E3EBFE | 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 #9DBAFE to #E3EBFE

#9DBAFE #E3EBFE

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

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

0.0%	0.0% #9DBAFE	RGB 157 186 254	#9DBAFE
16.7%	16.7% #A8C2FE	RGB 168 194 254	#A8C2FE
33.3%	33.3% #B4CAFE	RGB 180 202 254	#B4CAFE
50.0%	50.0% #C0D2FE	RGB 192 210 254	#C0D2FE
66.7%	66.7% #CBDAFE	RGB 203 218 254	#CBDAFE
83.3%	83.3% #D7E2FE	RGB 215 226 254	#D7E2FE
100.0%	100.0% #E3EBFE	RGB 227 235 254	#E3EBFE

#9DBAFE #A8C2FE #B4CAFE #C0D2FE #CBDAFE #D7E2FE #E3EBFE

#9DBAFE - #E3EBFE

HSV Blend

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

0.0%	0.0% #9DB9FE	RGB 157 185 254	#9DB9FE
16.7%	16.7% #A8C2FE	RGB 168 194 254	#A8C2FE
33.3%	33.3% #B4CAFE	RGB 180 202 254	#B4CAFE
50.0%	50.0% #C0D2FE	RGB 192 210 254	#C0D2FE
66.7%	66.7% #CBDAFE	RGB 203 218 254	#CBDAFE
83.3%	83.3% #D7E2FE	RGB 215 226 254	#D7E2FE
100.0%	100.0% #E3EBFE	RGB 227 235 254	#E3EBFE

#9DB9FE #A8C2FE #B4CAFE #C0D2FE #CBDAFE #D7E2FE #E3EBFE

#9DBAFE - #C0D2FE - #E3EBFE

CSS codes

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

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