#C0F0FD - #66AFD6 | 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 #C0F0FD to #66AFD6

#C0F0FD #66AFD6

Calculate the color between two colors, #C0F0FD and #66AFD6. 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)

#C0F0FD - #66AFD6 | 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 #C0F0FD as 0% and #66AFD6 as 100%.

0.0%	0.0% #C0F0FD	RGB 192 240 253	#C0F0FD
16.7%	16.7% #B1E5F6	RGB 177 229 246	#B1E5F6
33.3%	33.3% #A2DAF0	RGB 162 218 240	#A2DAF0
50.0%	50.0% #93CFE9	RGB 147 207 233	#93CFE9
66.7%	66.7% #84C4E3	RGB 132 196 227	#84C4E3
83.3%	83.3% #75B9DC	RGB 117 185 220	#75B9DC
100.0%	100.0% #66AFD6	RGB 102 175 214	#66AFD6

#C0F0FD #B1E5F6 #A2DAF0 #93CFE9 #84C4E3 #75B9DC #66AFD6

#C0F0FD - #66AFD6

HSV Blend

#C0F0FD - #66AFD6 | 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 #C0F0FD as 0% and #66AFD6 as 100%.

0.0%	0.0% #C0F0FD	RGB 192 240 253	#C0F0FD
16.7%	16.7% #AFE5F6	RGB 175 229 246	#AFE5F6
33.3%	33.3% #9FDBF0	RGB 159 219 240	#9FDBF0
50.0%	50.0% #90D0E9	RGB 144 208 233	#90D0E9
66.7%	66.7% #81C5E3	RGB 129 197 227	#81C5E3
83.3%	83.3% #73BADC	RGB 115 186 220	#73BADC
100.0%	100.0% #66AFD6	RGB 102 175 214	#66AFD6

#C0F0FD #AFE5F6 #9FDBF0 #90D0E9 #81C5E3 #73BADC #66AFD6

#C0F0FD - #90D0E9 - #66AFD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0F0FD 0%, #90D0E9 50%, #66AFD6 100%);
    background: -webkit-linear-gradient(top, #C0F0FD 0%, #90D0E9 50%, #66AFD6 100%);
    background: linear-gradient(to bottom, #C0F0FD 0%, #90D0E9 50%, #66AFD6 100%);
}
</style>