#9EFBFF - #E5E3FB | 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 #9EFBFF to #E5E3FB

#9EFBFF #E5E3FB

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

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

0.0%	0.0% #9EFBFF	RGB 158 251 255	#9EFBFF
16.7%	16.7% #A9F7FE	RGB 169 247 254	#A9F7FE
33.3%	33.3% #B5F3FD	RGB 181 243 253	#B5F3FD
50.0%	50.0% #C1EFFD	RGB 193 239 253	#C1EFFD
66.7%	66.7% #CDEBFC	RGB 205 235 252	#CDEBFC
83.3%	83.3% #D9E7FB	RGB 217 231 251	#D9E7FB
100.0%	100.0% #E5E3FB	RGB 229 227 251	#E5E3FB

#9EFBFF #A9F7FE #B5F3FD #C1EFFD #CDEBFC #D9E7FB #E5E3FB

#9EFBFF - #E5E3FB

HSV Blend

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

0.0%	0.0% #9EFBFF	RGB 158 251 255	#9EFBFF
16.7%	16.7% #A9ECFE	RGB 169 236 254	#A9ECFE
33.3%	33.3% #B5E1FD	RGB 181 225 253	#B5E1FD
50.0%	50.0% #C0DBFD	RGB 192 219 253	#C0DBFD
66.7%	66.7% #CCD8FC	RGB 204 216 252	#CCD8FC
83.3%	83.3% #D7DAFB	RGB 215 218 251	#D7DAFB
100.0%	100.0% #E5E3FB	RGB 229 227 251	#E5E3FB

#9EFBFF #A9ECFE #B5E1FD #C0DBFD #CCD8FC #D7DAFB #E5E3FB

#9EFBFF - #C0DBFD - #E5E3FB

CSS codes

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

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