#9CBEFD - #E2ECFE | 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 #9CBEFD to #E2ECFE

#9CBEFD #E2ECFE

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

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

0.0%	0.0% #9CBEFD	RGB 156 190 253	#9CBEFD
16.7%	16.7% #A7C5FD	RGB 167 197 253	#A7C5FD
33.3%	33.3% #B3CDFD	RGB 179 205 253	#B3CDFD
50.0%	50.0% #BFD5FD	RGB 191 213 253	#BFD5FD
66.7%	66.7% #CADCFD	RGB 202 220 253	#CADCFD
83.3%	83.3% #D6E4FD	RGB 214 228 253	#D6E4FD
100.0%	100.0% #E2ECFE	RGB 226 236 254	#E2ECFE

#9CBEFD #A7C5FD #B3CDFD #BFD5FD #CADCFD #D6E4FD #E2ECFE

#9CBEFD - #E2ECFE

HSV Blend

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

0.0%	0.0% #9CBDFD	RGB 156 189 253	#9CBDFD
16.7%	16.7% #A7C5FD	RGB 167 197 253	#A7C5FD
33.3%	33.3% #B3CDFD	RGB 179 205 253	#B3CDFD
50.0%	50.0% #BED5FD	RGB 190 213 253	#BED5FD
66.7%	66.7% #CADCFD	RGB 202 220 253	#CADCFD
83.3%	83.3% #D6E4FD	RGB 214 228 253	#D6E4FD
100.0%	100.0% #E2ECFE	RGB 226 236 254	#E2ECFE

#9CBDFD #A7C5FD #B3CDFD #BED5FD #CADCFD #D6E4FD #E2ECFE

#9CBEFD - #BED5FD - #E2ECFE

CSS codes

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

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