#9ECFFF - #C0FFF6 | 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 #9ECFFF to #C0FFF6

#9ECFFF #C0FFF6

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

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

0.0%	0.0% #9ECFFF	RGB 158 207 255	#9ECFFF
16.7%	16.7% #A3D7FD	RGB 163 215 253	#A3D7FD
33.3%	33.3% #A9DFFC	RGB 169 223 252	#A9DFFC
50.0%	50.0% #AFE7FA	RGB 175 231 250	#AFE7FA
66.7%	66.7% #B4EFF9	RGB 180 239 249	#B4EFF9
83.3%	83.3% #BAF7F7	RGB 186 247 247	#BAF7F7
100.0%	100.0% #C0FFF6	RGB 192 255 246	#C0FFF6

#9ECFFF #A3D7FD #A9DFFC #AFE7FA #B4EFF9 #BAF7F7 #C0FFF6

#9ECFFF - #C0FFF6

HSV Blend

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

0.0%	0.0% #9ECFFF	RGB 158 207 255	#9ECFFF
16.7%	16.7% #A3DBFF	RGB 163 219 255	#A3DBFF
33.3%	33.3% #A9E6FF	RGB 169 230 255	#A9E6FF
50.0%	50.0% #AFF0FF	RGB 175 240 255	#AFF0FF
66.7%	66.7% #B4F9FF	RGB 180 249 255	#B4F9FF
83.3%	83.3% #BAFFFC	RGB 186 255 252	#BAFFFC
100.0%	100.0% #C0FFF6	RGB 192 255 246	#C0FFF6

#9ECFFF #A3DBFF #A9E6FF #AFF0FF #B4F9FF #BAFFFC #C0FFF6

#9ECFFF - #AFF0FF - #C0FFF6

CSS codes

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

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