#9EC9FF - #C0FFF9 | 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 #9EC9FF to #C0FFF9

#9EC9FF #C0FFF9

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

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

0.0%	0.0% #9EC9FF	RGB 158 201 255	#9EC9FF
16.7%	16.7% #A3D2FE	RGB 163 210 254	#A3D2FE
33.3%	33.3% #A9DBFD	RGB 169 219 253	#A9DBFD
50.0%	50.0% #AFE4FC	RGB 175 228 252	#AFE4FC
66.7%	66.7% #B4EDFB	RGB 180 237 251	#B4EDFB
83.3%	83.3% #BAF6FA	RGB 186 246 250	#BAF6FA
100.0%	100.0% #C0FFF9	RGB 192 255 249	#C0FFF9

#9EC9FF #A3D2FE #A9DBFD #AFE4FC #B4EDFB #BAF6FA #C0FFF9

#9EC9FF - #C0FFF9

HSV Blend

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

0.0%	0.0% #9EC9FF	RGB 158 201 255	#9EC9FF
16.7%	16.7% #A3D6FF	RGB 163 214 255	#A3D6FF
33.3%	33.3% #A9E1FF	RGB 169 225 255	#A9E1FF
50.0%	50.0% #AFECFF	RGB 175 236 255	#AFECFF
66.7%	66.7% #B4F5FF	RGB 180 245 255	#B4F5FF
83.3%	83.3% #BAFEFF	RGB 186 254 255	#BAFEFF
100.0%	100.0% #C0FFF9	RGB 192 255 249	#C0FFF9

#9EC9FF #A3D6FF #A9E1FF #AFECFF #B4F5FF #BAFEFF #C0FFF9

#9EC9FF - #AFECFF - #C0FFF9

CSS codes

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

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