#8CD1FF - #A8FFD5 | 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 #8CD1FF to #A8FFD5

#8CD1FF #A8FFD5

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

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

0.0%	0.0% #8CD1FF	RGB 140 209 255	#8CD1FF
16.7%	16.7% #90D8F8	RGB 144 216 248	#90D8F8
33.3%	33.3% #95E0F1	RGB 149 224 241	#95E0F1
50.0%	50.0% #9AE8EA	RGB 154 232 234	#9AE8EA
66.7%	66.7% #9EEFE3	RGB 158 239 227	#9EEFE3
83.3%	83.3% #A3F7DC	RGB 163 247 220	#A3F7DC
100.0%	100.0% #A8FFD5	RGB 168 255 213	#A8FFD5

#8CD1FF #90D8F8 #95E0F1 #9AE8EA #9EEFE3 #A3F7DC #A8FFD5

#8CD1FF - #A8FFD5

HSV Blend

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

0.0%	0.0% #8CD1FF	RGB 140 209 255	#8CD1FF
16.7%	16.7% #90E3FF	RGB 144 227 255	#90E3FF
33.3%	33.3% #95F3FF	RGB 149 243 255	#95F3FF
50.0%	50.0% #9AFFFA	RGB 154 255 250	#9AFFFA
66.7%	66.7% #9EFFEC	RGB 158 255 236	#9EFFEC
83.3%	83.3% #A3FFE0	RGB 163 255 224	#A3FFE0
100.0%	100.0% #A8FFD5	RGB 168 255 213	#A8FFD5

#8CD1FF #90E3FF #95F3FF #9AFFFA #9EFFEC #A3FFE0 #A8FFD5

#8CD1FF - #9AFFFA - #A8FFD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CD1FF 0%, #9AFFFA 50%, #A8FFD5 100%);
    background: -webkit-linear-gradient(top, #8CD1FF 0%, #9AFFFA 50%, #A8FFD5 100%);
    background: linear-gradient(to bottom, #8CD1FF 0%, #9AFFFA 50%, #A8FFD5 100%);
}
</style>