#C0E6FB - #529CDB | 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 #C0E6FB to #529CDB

#C0E6FB #529CDB

Calculate the color between two colors, #C0E6FB and #529CDB. 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)

#C0E6FB - #529CDB | 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 #C0E6FB as 0% and #529CDB as 100%.

0.0%	0.0% #C0E6FB	RGB 192 230 251	#C0E6FB
16.7%	16.7% #ADD9F5	RGB 173 217 245	#ADD9F5
33.3%	33.3% #9BCDF0	RGB 155 205 240	#9BCDF0
50.0%	50.0% #89C1EB	RGB 137 193 235	#89C1EB
66.7%	66.7% #76B4E5	RGB 118 180 229	#76B4E5
83.3%	83.3% #64A8E0	RGB 100 168 224	#64A8E0
100.0%	100.0% #529CDB	RGB 82 156 219	#529CDB

#C0E6FB #ADD9F5 #9BCDF0 #89C1EB #76B4E5 #64A8E0 #529CDB

#C0E6FB - #529CDB

HSV Blend

#C0E6FB - #529CDB | 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 #C0E6FB as 0% and #529CDB as 100%.

0.0%	0.0% #C0E6FB	RGB 192 230 251	#C0E6FB
16.7%	16.7% #ABDAF5	RGB 171 218 245	#ABDAF5
33.3%	33.3% #98CEF0	RGB 152 206 240	#98CEF0
50.0%	50.0% #85C1EB	RGB 133 193 235	#85C1EB
66.7%	66.7% #73B5E5	RGB 115 181 229	#73B5E5
83.3%	83.3% #62A8E0	RGB 98 168 224	#62A8E0
100.0%	100.0% #529CDB	RGB 82 156 219	#529CDB

#C0E6FB #ABDAF5 #98CEF0 #85C1EB #73B5E5 #62A8E0 #529CDB

#C0E6FB - #85C1EB - #529CDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0E6FB 0%, #85C1EB 50%, #529CDB 100%);
    background: -webkit-linear-gradient(top, #C0E6FB 0%, #85C1EB 50%, #529CDB 100%);
    background: linear-gradient(to bottom, #C0E6FB 0%, #85C1EB 50%, #529CDB 100%);
}
</style>