#8FF2FF - #3BDEEB | 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 #8FF2FF to #3BDEEB

#8FF2FF #3BDEEB

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

#8FF2FF - #3BDEEB | 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 #8FF2FF as 0% and #3BDEEB as 100%.

0.0%	0.0% #8FF2FF	RGB 143 242 255	#8FF2FF
16.7%	16.7% #81EEFB	RGB 129 238 251	#81EEFB
33.3%	33.3% #73EBF8	RGB 115 235 248	#73EBF8
50.0%	50.0% #65E8F5	RGB 101 232 245	#65E8F5
66.7%	66.7% #57E4F1	RGB 87 228 241	#57E4F1
83.3%	83.3% #49E1EE	RGB 73 225 238	#49E1EE
100.0%	100.0% #3BDEEB	RGB 59 222 235	#3BDEEB

#8FF2FF #81EEFB #73EBF8 #65E8F5 #57E4F1 #49E1EE #3BDEEB

#8FF2FF - #3BDEEB

HSV Blend

#8FF2FF - #3BDEEB | 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 #8FF2FF as 0% and #3BDEEB as 100%.

0.0%	0.0% #8FF2FF	RGB 143 242 255	#8FF2FF
16.7%	16.7% #80EEFB	RGB 128 238 251	#80EEFB
33.3%	33.3% #71EAF8	RGB 113 234 248	#71EAF8
50.0%	50.0% #63E7F5	RGB 99 231 245	#63E7F5
66.7%	66.7% #55E3F1	RGB 85 227 241	#55E3F1
83.3%	83.3% #48E0EE	RGB 72 224 238	#48E0EE
100.0%	100.0% #3BDEEB	RGB 59 222 235	#3BDEEB

#8FF2FF #80EEFB #71EAF8 #63E7F5 #55E3F1 #48E0EE #3BDEEB

#8FF2FF - #63E7F5 - #3BDEEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FF2FF 0%, #63E7F5 50%, #3BDEEB 100%);
    background: -webkit-linear-gradient(top, #8FF2FF 0%, #63E7F5 50%, #3BDEEB 100%);
    background: linear-gradient(to bottom, #8FF2FF 0%, #63E7F5 50%, #3BDEEB 100%);
}
</style>