#B0E5E3 - #3FBBBA | 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 #B0E5E3 to #3FBBBA

#B0E5E3 #3FBBBA

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

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

0.0%	0.0% #B0E5E3	RGB 176 229 227	#B0E5E3
16.7%	16.7% #9DDEDC	RGB 157 222 220	#9DDEDC
33.3%	33.3% #8AD7D5	RGB 138 215 213	#8AD7D5
50.0%	50.0% #77D0CE	RGB 119 208 206	#77D0CE
66.7%	66.7% #64C9C7	RGB 100 201 199	#64C9C7
83.3%	83.3% #51C2C0	RGB 81 194 192	#51C2C0
100.0%	100.0% #3FBBBA	RGB 63 187 186	#3FBBBA

#B0E5E3 #9DDEDC #8AD7D5 #77D0CE #64C9C7 #51C2C0 #3FBBBA

#B0E5E3 - #3FBBBA

HSV Blend

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

0.0%	0.0% #B0E5E3	RGB 176 229 227	#B0E5E3
16.7%	16.7% #9ADEDB	RGB 154 222 219	#9ADEDB
33.3%	33.3% #86D7D4	RGB 134 215 212	#86D7D4
50.0%	50.0% #72D0CD	RGB 114 208 205	#72D0CD
66.7%	66.7% #60C9C7	RGB 96 201 199	#60C9C7
83.3%	83.3% #4FC2C0	RGB 79 194 192	#4FC2C0
100.0%	100.0% #3FBBBA	RGB 63 187 186	#3FBBBA

#B0E5E3 #9ADEDB #86D7D4 #72D0CD #60C9C7 #4FC2C0 #3FBBBA

#B0E5E3 - #72D0CD - #3FBBBA

CSS codes

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

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