#1BADA4 - #B8F0AB | 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 #1BADA4 to #B8F0AB

#1BADA4 #B8F0AB

Calculate the color between two colors, #1BADA4 and #B8F0AB. 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)

#1BADA4 - #B8F0AB | 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 #1BADA4 as 0% and #B8F0AB as 100%.

0.0%	0.0% #1BADA4	RGB 27 173 164	#1BADA4
16.7%	16.7% #35B8A5	RGB 53 184 165	#35B8A5
33.3%	33.3% #4FC3A6	RGB 79 195 166	#4FC3A6
50.0%	50.0% #69CEA7	RGB 105 206 167	#69CEA7
66.7%	66.7% #83D9A8	RGB 131 217 168	#83D9A8
83.3%	83.3% #9DE4A9	RGB 157 228 169	#9DE4A9
100.0%	100.0% #B8F0AB	RGB 184 240 171	#B8F0AB

#1BADA4 #35B8A5 #4FC3A6 #69CEA7 #83D9A8 #9DE4A9 #B8F0AB

#1BADA4 - #B8F0AB

HSV Blend

#1BADA4 - #B8F0AB | 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 #1BADA4 as 0% and #B8F0AB as 100%.

0.0%	0.0% #1BADA4	RGB 27 173 164	#1BADA4
16.7%	16.7% #2DB895	RGB 45 184 149	#2DB895
33.3%	33.3% #42C38B	RGB 66 195 139	#42C38B
50.0%	50.0% #59CE85	RGB 89 206 133	#59CE85
66.7%	66.7% #72D985	RGB 114 217 133	#72D985
83.3%	83.3% #8DE48D	RGB 141 228 141	#8DE48D
100.0%	100.0% #B8F0AB	RGB 184 240 171	#B8F0AB

#1BADA4 #2DB895 #42C38B #59CE85 #72D985 #8DE48D #B8F0AB

#1BADA4 - #59CE85 - #B8F0AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1BADA4 0%, #59CE85 50%, #B8F0AB 100%);
    background: -webkit-linear-gradient(top, #1BADA4 0%, #59CE85 50%, #B8F0AB 100%);
    background: linear-gradient(to bottom, #1BADA4 0%, #59CE85 50%, #B8F0AB 100%);
}
</style>