#9EF0FF - #E7E5FC | 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 #9EF0FF to #E7E5FC

#9EF0FF #E7E5FC

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

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

0.0%	0.0% #9EF0FF	RGB 158 240 255	#9EF0FF
16.7%	16.7% #AAEEFE	RGB 170 238 254	#AAEEFE
33.3%	33.3% #B6ECFE	RGB 182 236 254	#B6ECFE
50.0%	50.0% #C2EAFD	RGB 194 234 253	#C2EAFD
66.7%	66.7% #CEE8FD	RGB 206 232 253	#CEE8FD
83.3%	83.3% #DAE6FC	RGB 218 230 252	#DAE6FC
100.0%	100.0% #E7E5FC	RGB 231 229 252	#E7E5FC

#9EF0FF #AAEEFE #B6ECFE #C2EAFD #CEE8FD #DAE6FC #E7E5FC

#9EF0FF - #E7E5FC

HSV Blend

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

0.0%	0.0% #9EF0FF	RGB 158 240 255	#9EF0FF
16.7%	16.7% #A9E4FE	RGB 169 228 254	#A9E4FE
33.3%	33.3% #B5DCFE	RGB 181 220 254	#B5DCFE
50.0%	50.0% #C1D8FD	RGB 193 216 253	#C1D8FD
66.7%	66.7% #CDD8FD	RGB 205 216 253	#CDD8FD
83.3%	83.3% #D9DBFC	RGB 217 219 252	#D9DBFC
100.0%	100.0% #E7E5FC	RGB 231 229 252	#E7E5FC

#9EF0FF #A9E4FE #B5DCFE #C1D8FD #CDD8FD #D9DBFC #E7E5FC

#9EF0FF - #C1D8FD - #E7E5FC

CSS codes

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

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