#C6F0FF - #6CAFD8 | 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 #C6F0FF to #6CAFD8

#C6F0FF #6CAFD8

Calculate the color between two colors, #C6F0FF and #6CAFD8. 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)

#C6F0FF - #6CAFD8 | 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 #C6F0FF as 0% and #6CAFD8 as 100%.

0.0%	0.0% #C6F0FF	RGB 198 240 255	#C6F0FF
16.7%	16.7% #B7E5F8	RGB 183 229 248	#B7E5F8
33.3%	33.3% #A8DAF2	RGB 168 218 242	#A8DAF2
50.0%	50.0% #99CFEB	RGB 153 207 235	#99CFEB
66.7%	66.7% #8AC4E5	RGB 138 196 229	#8AC4E5
83.3%	83.3% #7BB9DE	RGB 123 185 222	#7BB9DE
100.0%	100.0% #6CAFD8	RGB 108 175 216	#6CAFD8

#C6F0FF #B7E5F8 #A8DAF2 #99CFEB #8AC4E5 #7BB9DE #6CAFD8

#C6F0FF - #6CAFD8

HSV Blend

#C6F0FF - #6CAFD8 | 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 #C6F0FF as 0% and #6CAFD8 as 100%.

0.0%	0.0% #C6F0FF	RGB 198 240 255	#C6F0FF
16.7%	16.7% #B5E5F8	RGB 181 229 248	#B5E5F8
33.3%	33.3% #A5DAF2	RGB 165 218 242	#A5DAF2
50.0%	50.0% #96D0EB	RGB 150 208 235	#96D0EB
66.7%	66.7% #87C5E5	RGB 135 197 229	#87C5E5
83.3%	83.3% #79BADE	RGB 121 186 222	#79BADE
100.0%	100.0% #6CAFD8	RGB 108 175 216	#6CAFD8

#C6F0FF #B5E5F8 #A5DAF2 #96D0EB #87C5E5 #79BADE #6CAFD8

#C6F0FF - #96D0EB - #6CAFD8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6F0FF 0%, #96D0EB 50%, #6CAFD8 100%);
    background: -webkit-linear-gradient(top, #C6F0FF 0%, #96D0EB 50%, #6CAFD8 100%);
    background: linear-gradient(to bottom, #C6F0FF 0%, #96D0EB 50%, #6CAFD8 100%);
}
</style>