#1AAF5E - #BDE8D1 | 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 #1AAF5E to #BDE8D1

#1AAF5E #BDE8D1

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

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

0.0%	0.0% #1AAF5E	RGB 26 175 94	#1AAF5E
16.7%	16.7% #35B871	RGB 53 184 113	#35B871
33.3%	33.3% #50C284	RGB 80 194 132	#50C284
50.0%	50.0% #6BCB97	RGB 107 203 151	#6BCB97
66.7%	66.7% #86D5AA	RGB 134 213 170	#86D5AA
83.3%	83.3% #A1DEBD	RGB 161 222 189	#A1DEBD
100.0%	100.0% #BDE8D1	RGB 189 232 209	#BDE8D1

#1AAF5E #35B871 #50C284 #6BCB97 #86D5AA #A1DEBD #BDE8D1

#1AAF5E - #BDE8D1

HSV Blend

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

0.0%	0.0% #1AAF5D	RGB 26 175 93	#1AAF5D
16.7%	16.7% #2FB86E	RGB 47 184 110	#2FB86E
33.3%	33.3% #47C27F	RGB 71 194 127	#47C27F
50.0%	50.0% #62CB92	RGB 98 203 146	#62CB92
66.7%	66.7% #7ED5A6	RGB 126 213 166	#7ED5A6
83.3%	83.3% #9CDEBB	RGB 156 222 187	#9CDEBB
100.0%	100.0% #BDE8D1	RGB 189 232 209	#BDE8D1

#1AAF5D #2FB86E #47C27F #62CB92 #7ED5A6 #9CDEBB #BDE8D1

#1AAF5E - #62CB92 - #BDE8D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1AAF5D 0%, #62CB92 50%, #BDE8D1 100%);
    background: -webkit-linear-gradient(top, #1AAF5D 0%, #62CB92 50%, #BDE8D1 100%);
    background: linear-gradient(to bottom, #1AAF5D 0%, #62CB92 50%, #BDE8D1 100%);
}
</style>