#B6E2D9 - #4BB4AB | 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 #B6E2D9 to #4BB4AB

#B6E2D9 #4BB4AB

Calculate the color between two colors, #B6E2D9 and #4BB4AB. 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)

#B6E2D9 - #4BB4AB | 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 #B6E2D9 as 0% and #4BB4AB as 100%.

0.0%	0.0% #B6E2D9	RGB 182 226 217	#B6E2D9
16.7%	16.7% #A4DAD1	RGB 164 218 209	#A4DAD1
33.3%	33.3% #92D2C9	RGB 146 210 201	#92D2C9
50.0%	50.0% #80CBC2	RGB 128 203 194	#80CBC2
66.7%	66.7% #6EC3BA	RGB 110 195 186	#6EC3BA
83.3%	83.3% #5CBBB2	RGB 92 187 178	#5CBBB2
100.0%	100.0% #4BB4AB	RGB 75 180 171	#4BB4AB

#B6E2D9 #A4DAD1 #92D2C9 #80CBC2 #6EC3BA #5CBBB2 #4BB4AB

#B6E2D9 - #4BB4AB

HSV Blend

#B6E2D9 - #4BB4AB | 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 #B6E2D9 as 0% and #4BB4AB as 100%.

0.0%	0.0% #B6E2D9	RGB 182 226 217	#B6E2D9
16.7%	16.7% #A1DACF	RGB 161 218 207	#A1DACF
33.3%	33.3% #8ED2C7	RGB 142 210 199	#8ED2C7
50.0%	50.0% #7CCBBF	RGB 124 203 191	#7CCBBF
66.7%	66.7% #6AC3B8	RGB 106 195 184	#6AC3B8
83.3%	83.3% #5ABBB1	RGB 90 187 177	#5ABBB1
100.0%	100.0% #4BB4AB	RGB 75 180 171	#4BB4AB

#B6E2D9 #A1DACF #8ED2C7 #7CCBBF #6AC3B8 #5ABBB1 #4BB4AB

#B6E2D9 - #7CCBBF - #4BB4AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6E2D9 0%, #7CCBBF 50%, #4BB4AB 100%);
    background: -webkit-linear-gradient(top, #B6E2D9 0%, #7CCBBF 50%, #4BB4AB 100%);
    background: linear-gradient(to bottom, #B6E2D9 0%, #7CCBBF 50%, #4BB4AB 100%);
}
</style>