#B5E2E2 - #44B6B8 | 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 #B5E2E2 to #44B6B8

#B5E2E2 #44B6B8

Calculate the color between two colors, #B5E2E2 and #44B6B8. 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)

#B5E2E2 - #44B6B8 | 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 #B5E2E2 as 0% and #44B6B8 as 100%.

0.0%	0.0% #B5E2E2	RGB 181 226 226	#B5E2E2
16.7%	16.7% #A2DADB	RGB 162 218 219	#A2DADB
33.3%	33.3% #8FD3D4	RGB 143 211 212	#8FD3D4
50.0%	50.0% #7CCCCD	RGB 124 204 205	#7CCCCD
66.7%	66.7% #69C4C6	RGB 105 196 198	#69C4C6
83.3%	83.3% #56BDBF	RGB 86 189 191	#56BDBF
100.0%	100.0% #44B6B8	RGB 68 182 184	#44B6B8

#B5E2E2 #A2DADB #8FD3D4 #7CCCCD #69C4C6 #56BDBF #44B6B8

#B5E2E2 - #44B6B8

HSV Blend

#B5E2E2 - #44B6B8 | 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 #B5E2E2 as 0% and #44B6B8 as 100%.

0.0%	0.0% #B5E2E2	RGB 181 226 226	#B5E2E2
16.7%	16.7% #9FDADB	RGB 159 218 219	#9FDADB
33.3%	33.3% #8BD3D4	RGB 139 211 212	#8BD3D4
50.0%	50.0% #77CCCD	RGB 119 204 205	#77CCCD
66.7%	66.7% #65C4C6	RGB 101 196 198	#65C4C6
83.3%	83.3% #54BDBF	RGB 84 189 191	#54BDBF
100.0%	100.0% #44B6B8	RGB 68 182 184	#44B6B8

#B5E2E2 #9FDADB #8BD3D4 #77CCCD #65C4C6 #54BDBF #44B6B8

#B5E2E2 - #77CCCD - #44B6B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2E2 0%, #77CCCD 50%, #44B6B8 100%);
    background: -webkit-linear-gradient(top, #B5E2E2 0%, #77CCCD 50%, #44B6B8 100%);
    background: linear-gradient(to bottom, #B5E2E2 0%, #77CCCD 50%, #44B6B8 100%);
}
</style>