#B2FFDF - #46E2B8 | 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 #B2FFDF to #46E2B8

#B2FFDF #46E2B8

Calculate the color between two colors, #B2FFDF and #46E2B8. 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)

#B2FFDF - #46E2B8 | 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 #B2FFDF as 0% and #46E2B8 as 100%.

0.0%	0.0% #B2FFDF	RGB 178 255 223	#B2FFDF
16.7%	16.7% #A0FAD8	RGB 160 250 216	#A0FAD8
33.3%	33.3% #8EF5D2	RGB 142 245 210	#8EF5D2
50.0%	50.0% #7CF0CB	RGB 124 240 203	#7CF0CB
66.7%	66.7% #6AEBC5	RGB 106 235 197	#6AEBC5
83.3%	83.3% #58E6BE	RGB 88 230 190	#58E6BE
100.0%	100.0% #46E2B8	RGB 70 226 184	#46E2B8

#B2FFDF #A0FAD8 #8EF5D2 #7CF0CB #6AEBC5 #58E6BE #46E2B8

#B2FFDF - #46E2B8

HSV Blend

#B2FFDF - #46E2B8 | 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 #B2FFDF as 0% and #46E2B8 as 100%.

0.0%	0.0% #B2FFDF	RGB 178 255 223	#B2FFDF
16.7%	16.7% #9EFAD6	RGB 158 250 214	#9EFAD6
33.3%	33.3% #8BF5CE	RGB 139 245 206	#8BF5CE
50.0%	50.0% #79F0C7	RGB 121 240 199	#79F0C7
66.7%	66.7% #67EBC1	RGB 103 235 193	#67EBC1
83.3%	83.3% #56E6BC	RGB 86 230 188	#56E6BC
100.0%	100.0% #46E2B8	RGB 70 226 184	#46E2B8

#B2FFDF #9EFAD6 #8BF5CE #79F0C7 #67EBC1 #56E6BC #46E2B8

#B2FFDF - #79F0C7 - #46E2B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FFDF 0%, #79F0C7 50%, #46E2B8 100%);
    background: -webkit-linear-gradient(top, #B2FFDF 0%, #79F0C7 50%, #46E2B8 100%);
    background: linear-gradient(to bottom, #B2FFDF 0%, #79F0C7 50%, #46E2B8 100%);
}
</style>