#B5EEE0 - #49C7B6 | 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 #B5EEE0 to #49C7B6

#B5EEE0 #49C7B6

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

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

0.0%	0.0% #B5EEE0	RGB 181 238 224	#B5EEE0
16.7%	16.7% #A3E7D9	RGB 163 231 217	#A3E7D9
33.3%	33.3% #91E1D2	RGB 145 225 210	#91E1D2
50.0%	50.0% #7FDACB	RGB 127 218 203	#7FDACB
66.7%	66.7% #6DD4C4	RGB 109 212 196	#6DD4C4
83.3%	83.3% #5BCDBD	RGB 91 205 189	#5BCDBD
100.0%	100.0% #49C7B6	RGB 73 199 182	#49C7B6

#B5EEE0 #A3E7D9 #91E1D2 #7FDACB #6DD4C4 #5BCDBD #49C7B6

#B5EEE0 - #49C7B6

HSV Blend

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

0.0%	0.0% #B5EEE0	RGB 181 238 224	#B5EEE0
16.7%	16.7% #A0E7D7	RGB 160 231 215	#A0E7D7
33.3%	33.3% #8DE1CF	RGB 141 225 207	#8DE1CF
50.0%	50.0% #7BDAC8	RGB 123 218 200	#7BDAC8
66.7%	66.7% #69D4C1	RGB 105 212 193	#69D4C1
83.3%	83.3% #58CDBB	RGB 88 205 187	#58CDBB
100.0%	100.0% #49C7B6	RGB 73 199 182	#49C7B6

#B5EEE0 #A0E7D7 #8DE1CF #7BDAC8 #69D4C1 #58CDBB #49C7B6

#B5EEE0 - #7BDAC8 - #49C7B6

CSS codes

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

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