#B0FFF6 - #3FCEC4 | 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 #B0FFF6 to #3FCEC4

#B0FFF6 #3FCEC4

Calculate the color between two colors, #B0FFF6 and #3FCEC4. 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)

#B0FFF6 - #3FCEC4 | 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 #B0FFF6 as 0% and #3FCEC4 as 100%.

0.0%	0.0% #B0FFF6	RGB 176 255 246	#B0FFF6
16.7%	16.7% #9DF6ED	RGB 157 246 237	#9DF6ED
33.3%	33.3% #8AEEE5	RGB 138 238 229	#8AEEE5
50.0%	50.0% #77E6DD	RGB 119 230 221	#77E6DD
66.7%	66.7% #64DED4	RGB 100 222 212	#64DED4
83.3%	83.3% #51D6CC	RGB 81 214 204	#51D6CC
100.0%	100.0% #3FCEC4	RGB 63 206 196	#3FCEC4

#B0FFF6 #9DF6ED #8AEEE5 #77E6DD #64DED4 #51D6CC #3FCEC4

#B0FFF6 - #3FCEC4

HSV Blend

#B0FFF6 - #3FCEC4 | 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 #B0FFF6 as 0% and #3FCEC4 as 100%.

0.0%	0.0% #B0FFF6	RGB 176 255 246	#B0FFF6
16.7%	16.7% #9AF6EC	RGB 154 246 236	#9AF6EC
33.3%	33.3% #86EEE4	RGB 134 238 228	#86EEE4
50.0%	50.0% #72E6DB	RGB 114 230 219	#72E6DB
66.7%	66.7% #60DED3	RGB 96 222 211	#60DED3
83.3%	83.3% #4FD6CB	RGB 79 214 203	#4FD6CB
100.0%	100.0% #3FCEC4	RGB 63 206 196	#3FCEC4

#B0FFF6 #9AF6EC #86EEE4 #72E6DB #60DED3 #4FD6CB #3FCEC4

#B0FFF6 - #72E6DB - #3FCEC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0FFF6 0%, #72E6DB 50%, #3FCEC4 100%);
    background: -webkit-linear-gradient(top, #B0FFF6 0%, #72E6DB 50%, #3FCEC4 100%);
    background: linear-gradient(to bottom, #B0FFF6 0%, #72E6DB 50%, #3FCEC4 100%);
}
</style>