#2FCBFD - #C0ECDE | 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 #2FCBFD to #C0ECDE

#2FCBFD #C0ECDE

Calculate the color between two colors, #2FCBFD and #C0ECDE. 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)

#2FCBFD - #C0ECDE | 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 #2FCBFD as 0% and #C0ECDE as 100%.

0.0%	0.0% #2FCBFD	RGB 47 203 253	#2FCBFD
16.7%	16.7% #47D0F7	RGB 71 208 247	#47D0F7
33.3%	33.3% #5FD6F2	RGB 95 214 242	#5FD6F2
50.0%	50.0% #77DBED	RGB 119 219 237	#77DBED
66.7%	66.7% #8FE1E8	RGB 143 225 232	#8FE1E8
83.3%	83.3% #A7E6E3	RGB 167 230 227	#A7E6E3
100.0%	100.0% #C0ECDE	RGB 192 236 222	#C0ECDE

#2FCBFD #47D0F7 #5FD6F2 #77DBED #8FE1E8 #A7E6E3 #C0ECDE

#2FCBFD - #C0ECDE

HSV Blend

#2FCBFD - #C0ECDE | 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 #2FCBFD as 0% and #C0ECDE as 100%.

0.0%	0.0% #2FCBFD	RGB 47 203 253	#2FCBFD
16.7%	16.7% #48DFFA	RGB 72 223 250	#48DFFA
33.3%	33.3% #61EEF7	RGB 97 238 247	#61EEF7
50.0%	50.0% #7AF4EF	RGB 122 244 239	#7AF4EF
66.7%	66.7% #92F1E5	RGB 146 241 229	#92F1E5
83.3%	83.3% #A9EEDF	RGB 169 238 223	#A9EEDF
100.0%	100.0% #C0ECDE	RGB 192 236 222	#C0ECDE

#2FCBFD #48DFFA #61EEF7 #7AF4EF #92F1E5 #A9EEDF #C0ECDE

#2FCBFD - #7AF4EF - #C0ECDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FCBFD 0%, #7AF4EF 50%, #C0ECDE 100%);
    background: -webkit-linear-gradient(top, #2FCBFD 0%, #7AF4EF 50%, #C0ECDE 100%);
    background: linear-gradient(to bottom, #2FCBFD 0%, #7AF4EF 50%, #C0ECDE 100%);
}
</style>