#B5FFFF - #3AE5E7 | 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 #B5FFFF to #3AE5E7

#B5FFFF #3AE5E7

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

#B5FFFF - #3AE5E7 | 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 #B5FFFF as 0% and #3AE5E7 as 100%.

0.0%	0.0% #B5FFFF	RGB 181 255 255	#B5FFFF
16.7%	16.7% #A0FAFB	RGB 160 250 251	#A0FAFB
33.3%	33.3% #8CF6F7	RGB 140 246 247	#8CF6F7
50.0%	50.0% #77F2F3	RGB 119 242 243	#77F2F3
66.7%	66.7% #63EDEF	RGB 99 237 239	#63EDEF
83.3%	83.3% #4EE9EB	RGB 78 233 235	#4EE9EB
100.0%	100.0% #3AE5E7	RGB 58 229 231	#3AE5E7

#B5FFFF #A0FAFB #8CF6F7 #77F2F3 #63EDEF #4EE9EB #3AE5E7

#B5FFFF - #3AE5E7

HSV Blend

#B5FFFF - #3AE5E7 | 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 #B5FFFF as 0% and #3AE5E7 as 100%.

0.0%	0.0% #B5FFFF	RGB 181 255 255	#B5FFFF
16.7%	16.7% #9EFAFB	RGB 158 250 251	#9EFAFB
33.3%	33.3% #89F6F7	RGB 137 246 247	#89F6F7
50.0%	50.0% #74F2F3	RGB 116 242 243	#74F2F3
66.7%	66.7% #60EDEF	RGB 96 237 239	#60EDEF
83.3%	83.3% #4CE9EB	RGB 76 233 235	#4CE9EB
100.0%	100.0% #3AE5E7	RGB 58 229 231	#3AE5E7

#B5FFFF #9EFAFB #89F6F7 #74F2F3 #60EDEF #4CE9EB #3AE5E7

#B5FFFF - #74F2F3 - #3AE5E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5FFFF 0%, #74F2F3 50%, #3AE5E7 100%);
    background: -webkit-linear-gradient(top, #B5FFFF 0%, #74F2F3 50%, #3AE5E7 100%);
    background: linear-gradient(to bottom, #B5FFFF 0%, #74F2F3 50%, #3AE5E7 100%);
}
</style>