#C0EEFF - #559ACF | 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 #C0EEFF to #559ACF

#C0EEFF #559ACF

Calculate the color between two colors, #C0EEFF and #559ACF. 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)

#C0EEFF - #559ACF | 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 #C0EEFF as 0% and #559ACF as 100%.

0.0%	0.0% #C0EEFF	RGB 192 238 255	#C0EEFF
16.7%	16.7% #AEE0F7	RGB 174 224 247	#AEE0F7
33.3%	33.3% #9CD2EF	RGB 156 210 239	#9CD2EF
50.0%	50.0% #8AC4E7	RGB 138 196 231	#8AC4E7
66.7%	66.7% #78B6DF	RGB 120 182 223	#78B6DF
83.3%	83.3% #66A8D7	RGB 102 168 215	#66A8D7
100.0%	100.0% #559ACF	RGB 85 154 207	#559ACF

#C0EEFF #AEE0F7 #9CD2EF #8AC4E7 #78B6DF #66A8D7 #559ACF

#C0EEFF - #559ACF

HSV Blend

#C0EEFF - #559ACF | 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 #C0EEFF as 0% and #559ACF as 100%.

0.0%	0.0% #C0EEFF	RGB 192 238 255	#C0EEFF
16.7%	16.7% #ABE0F7	RGB 171 224 247	#ABE0F7
33.3%	33.3% #98D2EF	RGB 152 210 239	#98D2EF
50.0%	50.0% #86C4E7	RGB 134 196 231	#86C4E7
66.7%	66.7% #75B6DF	RGB 117 182 223	#75B6DF
83.3%	83.3% #64A8D7	RGB 100 168 215	#64A8D7
100.0%	100.0% #559ACF	RGB 85 154 207	#559ACF

#C0EEFF #ABE0F7 #98D2EF #86C4E7 #75B6DF #64A8D7 #559ACF

#C0EEFF - #86C4E7 - #559ACF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0EEFF 0%, #86C4E7 50%, #559ACF 100%);
    background: -webkit-linear-gradient(top, #C0EEFF 0%, #86C4E7 50%, #559ACF 100%);
    background: linear-gradient(to bottom, #C0EEFF 0%, #86C4E7 50%, #559ACF 100%);
}
</style>