#B6F5E3 - #49D2BB | 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 #B6F5E3 to #49D2BB

#B6F5E3 #49D2BB

Calculate the color between two colors, #B6F5E3 and #49D2BB. 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)

#B6F5E3 - #49D2BB | 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 #B6F5E3 as 0% and #49D2BB as 100%.

0.0%	0.0% #B6F5E3	RGB 182 245 227	#B6F5E3
16.7%	16.7% #A3EFDC	RGB 163 239 220	#A3EFDC
33.3%	33.3% #91E9D5	RGB 145 233 213	#91E9D5
50.0%	50.0% #7FE3CF	RGB 127 227 207	#7FE3CF
66.7%	66.7% #6DDDC8	RGB 109 221 200	#6DDDC8
83.3%	83.3% #5BD7C1	RGB 91 215 193	#5BD7C1
100.0%	100.0% #49D2BB	RGB 73 210 187	#49D2BB

#B6F5E3 #A3EFDC #91E9D5 #7FE3CF #6DDDC8 #5BD7C1 #49D2BB

#B6F5E3 - #49D2BB

HSV Blend

#B6F5E3 - #49D2BB | 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 #B6F5E3 as 0% and #49D2BB as 100%.

0.0%	0.0% #B6F5E3	RGB 182 245 227	#B6F5E3
16.7%	16.7% #A1EFDA	RGB 161 239 218	#A1EFDA
33.3%	33.3% #8EE9D2	RGB 142 233 210	#8EE9D2
50.0%	50.0% #7CE3CC	RGB 124 227 204	#7CE3CC
66.7%	66.7% #6ADDC5	RGB 106 221 197	#6ADDC5
83.3%	83.3% #59D7C0	RGB 89 215 192	#59D7C0
100.0%	100.0% #49D2BB	RGB 73 210 187	#49D2BB

#B6F5E3 #A1EFDA #8EE9D2 #7CE3CC #6ADDC5 #59D7C0 #49D2BB

#B6F5E3 - #7CE3CC - #49D2BB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6F5E3 0%, #7CE3CC 50%, #49D2BB 100%);
    background: -webkit-linear-gradient(top, #B6F5E3 0%, #7CE3CC 50%, #49D2BB 100%);
    background: linear-gradient(to bottom, #B6F5E3 0%, #7CE3CC 50%, #49D2BB 100%);
}
</style>