#B5E7EA - #44A6C7 | 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 #B5E7EA to #44A6C7

#B5E7EA #44A6C7

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

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

0.0%	0.0% #B5E7EA	RGB 181 231 234	#B5E7EA
16.7%	16.7% #A2DCE4	RGB 162 220 228	#A2DCE4
33.3%	33.3% #8FD1DE	RGB 143 209 222	#8FD1DE
50.0%	50.0% #7CC6D8	RGB 124 198 216	#7CC6D8
66.7%	66.7% #69BBD2	RGB 105 187 210	#69BBD2
83.3%	83.3% #56B0CC	RGB 86 176 204	#56B0CC
100.0%	100.0% #44A6C7	RGB 68 166 199	#44A6C7

#B5E7EA #A2DCE4 #8FD1DE #7CC6D8 #69BBD2 #56B0CC #44A6C7

#B5E7EA - #44A6C7

HSV Blend

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

0.0%	0.0% #B5E7EA	RGB 181 231 234	#B5E7EA
16.7%	16.7% #A0DEE4	RGB 160 222 228	#A0DEE4
33.3%	33.3% #8BD4DE	RGB 139 212 222	#8BD4DE
50.0%	50.0% #78C9D8	RGB 120 201 216	#78C9D8
66.7%	66.7% #66BED2	RGB 102 190 210	#66BED2
83.3%	83.3% #54B2CC	RGB 84 178 204	#54B2CC
100.0%	100.0% #44A6C7	RGB 68 166 199	#44A6C7

#B5E7EA #A0DEE4 #8BD4DE #78C9D8 #66BED2 #54B2CC #44A6C7

#B5E7EA - #78C9D8 - #44A6C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E7EA 0%, #78C9D8 50%, #44A6C7 100%);
    background: -webkit-linear-gradient(top, #B5E7EA 0%, #78C9D8 50%, #44A6C7 100%);
    background: linear-gradient(to bottom, #B5E7EA 0%, #78C9D8 50%, #44A6C7 100%);
}
</style>