#B5E3D0 - #50B4A0 | 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 #B5E3D0 to #50B4A0

#B5E3D0 #50B4A0

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

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

0.0%	0.0% #B5E3D0	RGB 181 227 208	#B5E3D0
16.7%	16.7% #A4DBC8	RGB 164 219 200	#A4DBC8
33.3%	33.3% #93D3C0	RGB 147 211 192	#93D3C0
50.0%	50.0% #82CBB8	RGB 130 203 184	#82CBB8
66.7%	66.7% #71C3B0	RGB 113 195 176	#71C3B0
83.3%	83.3% #60BBA8	RGB 96 187 168	#60BBA8
100.0%	100.0% #50B4A0	RGB 80 180 160	#50B4A0

#B5E3D0 #A4DBC8 #93D3C0 #82CBB8 #71C3B0 #60BBA8 #50B4A0

#B5E3D0 - #50B4A0

HSV Blend

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

0.0%	0.0% #B5E3D0	RGB 181 227 208	#B5E3D0
16.7%	16.7% #A1DBC5	RGB 161 219 197	#A1DBC5
33.3%	33.3% #8FD3BC	RGB 143 211 188	#8FD3BC
50.0%	50.0% #7ECBB3	RGB 126 203 179	#7ECBB3
66.7%	66.7% #6DC3AC	RGB 109 195 172	#6DC3AC
83.3%	83.3% #5EBBA5	RGB 94 187 165	#5EBBA5
100.0%	100.0% #50B4A0	RGB 80 180 160	#50B4A0

#B5E3D0 #A1DBC5 #8FD3BC #7ECBB3 #6DC3AC #5EBBA5 #50B4A0

#B5E3D0 - #7ECBB3 - #50B4A0

CSS codes

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

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