#B5E3DD - #50AAB4 | 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 #B5E3DD to #50AAB4

#B5E3DD #50AAB4

Calculate the color between two colors, #B5E3DD and #50AAB4. 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)

#B5E3DD - #50AAB4 | 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 #B5E3DD as 0% and #50AAB4 as 100%.

0.0%	0.0% #B5E3DD	RGB 181 227 221	#B5E3DD
16.7%	16.7% #A4D9D6	RGB 164 217 214	#A4D9D6
33.3%	33.3% #93D0CF	RGB 147 208 207	#93D0CF
50.0%	50.0% #82C6C8	RGB 130 198 200	#82C6C8
66.7%	66.7% #71BDC1	RGB 113 189 193	#71BDC1
83.3%	83.3% #60B3BA	RGB 96 179 186	#60B3BA
100.0%	100.0% #50AAB4	RGB 80 170 180	#50AAB4

#B5E3DD #A4D9D6 #93D0CF #82C6C8 #71BDC1 #60B3BA #50AAB4

#B5E3DD - #50AAB4

HSV Blend

#B5E3DD - #50AAB4 | 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 #B5E3DD as 0% and #50AAB4 as 100%.

0.0%	0.0% #B5E3DD	RGB 181 227 221	#B5E3DD
16.7%	16.7% #A1DBD5	RGB 161 219 213	#A1DBD5
33.3%	33.3% #8FD3CF	RGB 143 211 207	#8FD3CF
50.0%	50.0% #7ECBCA	RGB 126 203 202	#7ECBCA
66.7%	66.7% #6DC1C3	RGB 109 193 195	#6DC1C3
83.3%	83.3% #5EB6BB	RGB 94 182 187	#5EB6BB
100.0%	100.0% #50AAB4	RGB 80 170 180	#50AAB4

#B5E3DD #A1DBD5 #8FD3CF #7ECBCA #6DC1C3 #5EB6BB #50AAB4

#B5E3DD - #7ECBCA - #50AAB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E3DD 0%, #7ECBCA 50%, #50AAB4 100%);
    background: -webkit-linear-gradient(top, #B5E3DD 0%, #7ECBCA 50%, #50AAB4 100%);
    background: linear-gradient(to bottom, #B5E3DD 0%, #7ECBCA 50%, #50AAB4 100%);
}
</style>