#00C8FD - #A6FCDF | 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 #00C8FD to #A6FCDF

#00C8FD #A6FCDF

Calculate the color between two colors, #00C8FD and #A6FCDF. 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)

#00C8FD - #A6FCDF | 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 #00C8FD as 0% and #A6FCDF as 100%.

0.0%	0.0% #00C8FD	RGB 0 200 253	#00C8FD
16.7%	16.7% #1BD0F8	RGB 27 208 248	#1BD0F8
33.3%	33.3% #37D9F3	RGB 55 217 243	#37D9F3
50.0%	50.0% #53E2EE	RGB 83 226 238	#53E2EE
66.7%	66.7% #6EEAE9	RGB 110 234 233	#6EEAE9
83.3%	83.3% #8AF3E4	RGB 138 243 228	#8AF3E4
100.0%	100.0% #A6FCDF	RGB 166 252 223	#A6FCDF

#00C8FD #1BD0F8 #37D9F3 #53E2EE #6EEAE9 #8AF3E4 #A6FCDF

#00C8FD - #A6FCDF

HSV Blend

#00C8FD - #A6FCDF | 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 #00C8FD as 0% and #A6FCDF as 100%.

0.0%	0.0% #00C7FD	RGB 0 199 253	#00C7FD
16.7%	16.7% #1BE2FC	RGB 27 226 252	#1BE2FC
33.3%	33.3% #37F7FC	RGB 55 247 252	#37F7FC
50.0%	50.0% #53FCF1	RGB 83 252 241	#53FCF1
66.7%	66.7% #6EFCE6	RGB 110 252 230	#6EFCE6
83.3%	83.3% #8AFCE0	RGB 138 252 224	#8AFCE0
100.0%	100.0% #A6FCDF	RGB 166 252 223	#A6FCDF

#00C7FD #1BE2FC #37F7FC #53FCF1 #6EFCE6 #8AFCE0 #A6FCDF

#00C8FD - #53FCF1 - #A6FCDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C7FD 0%, #53FCF1 50%, #A6FCDF 100%);
    background: -webkit-linear-gradient(top, #00C7FD 0%, #53FCF1 50%, #A6FCDF 100%);
    background: linear-gradient(to bottom, #00C7FD 0%, #53FCF1 50%, #A6FCDF 100%);
}
</style>