#B5FFFB - #5BD3C4 | 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 #B5FFFB to #5BD3C4

#B5FFFB #5BD3C4

Calculate the color between two colors, #B5FFFB and #5BD3C4. 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)

#B5FFFB - #5BD3C4 | 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 #B5FFFB as 0% and #5BD3C4 as 100%.

0.0%	0.0% #B5FFFB	RGB 181 255 251	#B5FFFB
16.7%	16.7% #A6F7F1	RGB 166 247 241	#A6F7F1
33.3%	33.3% #97F0E8	RGB 151 240 232	#97F0E8
50.0%	50.0% #88E9DF	RGB 136 233 223	#88E9DF
66.7%	66.7% #79E1D6	RGB 121 225 214	#79E1D6
83.3%	83.3% #6ADACD	RGB 106 218 205	#6ADACD
100.0%	100.0% #5BD3C4	RGB 91 211 196	#5BD3C4

#B5FFFB #A6F7F1 #97F0E8 #88E9DF #79E1D6 #6ADACD #5BD3C4

#B5FFFB - #5BD3C4

HSV Blend

#B5FFFB - #5BD3C4 | 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 #B5FFFB as 0% and #5BD3C4 as 100%.

0.0%	0.0% #B5FFFB	RGB 181 255 251	#B5FFFB
16.7%	16.7% #A4F7F2	RGB 164 247 242	#A4F7F2
33.3%	33.3% #94F0E9	RGB 148 240 233	#94F0E9
50.0%	50.0% #84E9E0	RGB 132 233 224	#84E9E0
66.7%	66.7% #76E1D6	RGB 118 225 214	#76E1D6
83.3%	83.3% #68DACD	RGB 104 218 205	#68DACD
100.0%	100.0% #5BD3C4	RGB 91 211 196	#5BD3C4

#B5FFFB #A4F7F2 #94F0E9 #84E9E0 #76E1D6 #68DACD #5BD3C4

#B5FFFB - #84E9E0 - #5BD3C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5FFFB 0%, #84E9E0 50%, #5BD3C4 100%);
    background: -webkit-linear-gradient(top, #B5FFFB 0%, #84E9E0 50%, #5BD3C4 100%);
    background: linear-gradient(to bottom, #B5FFFB 0%, #84E9E0 50%, #5BD3C4 100%);
}
</style>