#C9F6FF - #72B8D8 | 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 #C9F6FF to #72B8D8

#C9F6FF #72B8D8

Calculate the color between two colors, #C9F6FF and #72B8D8. 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)

#C9F6FF - #72B8D8 | 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 #C9F6FF as 0% and #72B8D8 as 100%.

0.0%	0.0% #C9F6FF	RGB 201 246 255	#C9F6FF
16.7%	16.7% #BAEBF8	RGB 186 235 248	#BAEBF8
33.3%	33.3% #ACE1F2	RGB 172 225 242	#ACE1F2
50.0%	50.0% #9DD7EB	RGB 157 215 235	#9DD7EB
66.7%	66.7% #8FCCE5	RGB 143 204 229	#8FCCE5
83.3%	83.3% #80C2DE	RGB 128 194 222	#80C2DE
100.0%	100.0% #72B8D8	RGB 114 184 216	#72B8D8

#C9F6FF #BAEBF8 #ACE1F2 #9DD7EB #8FCCE5 #80C2DE #72B8D8

#C9F6FF - #72B8D8

HSV Blend

#C9F6FF - #72B8D8 | 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 #C9F6FF as 0% and #72B8D8 as 100%.

0.0%	0.0% #C9F6FF	RGB 201 246 255	#C9F6FF
16.7%	16.7% #B9ECF8	RGB 185 236 248	#B9ECF8
33.3%	33.3% #A9E2F2	RGB 169 226 242	#A9E2F2
50.0%	50.0% #9AD8EB	RGB 154 216 235	#9AD8EB
66.7%	66.7% #8CCDE5	RGB 140 205 229	#8CCDE5
83.3%	83.3% #7FC2DE	RGB 127 194 222	#7FC2DE
100.0%	100.0% #72B8D8	RGB 114 184 216	#72B8D8

#C9F6FF #B9ECF8 #A9E2F2 #9AD8EB #8CCDE5 #7FC2DE #72B8D8

#C9F6FF - #9AD8EB - #72B8D8

CSS codes

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

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