#B0FDDB - #45DFB2 | 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 #B0FDDB to #45DFB2

#B0FDDB #45DFB2

Calculate the color between two colors, #B0FDDB and #45DFB2. 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)

#B0FDDB - #45DFB2 | 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 #B0FDDB as 0% and #45DFB2 as 100%.

0.0%	0.0% #B0FDDB	RGB 176 253 219	#B0FDDB
16.7%	16.7% #9EF8D4	RGB 158 248 212	#9EF8D4
33.3%	33.3% #8CF3CD	RGB 140 243 205	#8CF3CD
50.0%	50.0% #7AEEC6	RGB 122 238 198	#7AEEC6
66.7%	66.7% #68E9BF	RGB 104 233 191	#68E9BF
83.3%	83.3% #56E4B8	RGB 86 228 184	#56E4B8
100.0%	100.0% #45DFB2	RGB 69 223 178	#45DFB2

#B0FDDB #9EF8D4 #8CF3CD #7AEEC6 #68E9BF #56E4B8 #45DFB2

#B0FDDB - #45DFB2

HSV Blend

#B0FDDB - #45DFB2 | 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 #B0FDDB as 0% and #45DFB2 as 100%.

0.0%	0.0% #B0FDDB	RGB 176 253 219	#B0FDDB
16.7%	16.7% #9CF8D1	RGB 156 248 209	#9CF8D1
33.3%	33.3% #89F3C9	RGB 137 243 201	#89F3C9
50.0%	50.0% #77EEC2	RGB 119 238 194	#77EEC2
66.7%	66.7% #66E9BC	RGB 102 233 188	#66E9BC
83.3%	83.3% #55E4B6	RGB 85 228 182	#55E4B6
100.0%	100.0% #45DFB2	RGB 69 223 178	#45DFB2

#B0FDDB #9CF8D1 #89F3C9 #77EEC2 #66E9BC #55E4B6 #45DFB2

#B0FDDB - #77EEC2 - #45DFB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0FDDB 0%, #77EEC2 50%, #45DFB2 100%);
    background: -webkit-linear-gradient(top, #B0FDDB 0%, #77EEC2 50%, #45DFB2 100%);
    background: linear-gradient(to bottom, #B0FDDB 0%, #77EEC2 50%, #45DFB2 100%);
}
</style>