#8AD0FF - #A6FDFB | 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 #8AD0FF to #A6FDFB

#8AD0FF #A6FDFB

Calculate the color between two colors, #8AD0FF and #A6FDFB. 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)

#8AD0FF - #A6FDFB | 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 #8AD0FF as 0% and #A6FDFB as 100%.

0.0%	0.0% #8AD0FF	RGB 138 208 255	#8AD0FF
16.7%	16.7% #8ED7FE	RGB 142 215 254	#8ED7FE
33.3%	33.3% #93DFFD	RGB 147 223 253	#93DFFD
50.0%	50.0% #98E6FD	RGB 152 230 253	#98E6FD
66.7%	66.7% #9CEEFC	RGB 156 238 252	#9CEEFC
83.3%	83.3% #A1F5FB	RGB 161 245 251	#A1F5FB
100.0%	100.0% #A6FDFB	RGB 166 253 251	#A6FDFB

#8AD0FF #8ED7FE #93DFFD #98E6FD #9CEEFC #A1F5FB #A6FDFB

#8AD0FF - #A6FDFB

HSV Blend

#8AD0FF - #A6FDFB | 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 #8AD0FF as 0% and #A6FDFB as 100%.

0.0%	0.0% #8AD0FF	RGB 138 208 255	#8AD0FF
16.7%	16.7% #8ED9FE	RGB 142 217 254	#8ED9FE
33.3%	33.3% #93E2FE	RGB 147 226 254	#93E2FE
50.0%	50.0% #98EAFE	RGB 152 234 254	#98EAFE
66.7%	66.7% #9CF2FD	RGB 156 242 253	#9CF2FD
83.3%	83.3% #A1F8FD	RGB 161 248 253	#A1F8FD
100.0%	100.0% #A6FDFB	RGB 166 253 251	#A6FDFB

#8AD0FF #8ED9FE #93E2FE #98EAFE #9CF2FD #A1F8FD #A6FDFB

#8AD0FF - #98EAFE - #A6FDFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8AD0FF 0%, #98EAFE 50%, #A6FDFB 100%);
    background: -webkit-linear-gradient(top, #8AD0FF 0%, #98EAFE 50%, #A6FDFB 100%);
    background: linear-gradient(to bottom, #8AD0FF 0%, #98EAFE 50%, #A6FDFB 100%);
}
</style>