#86DDA2 - #DCF5E4 | 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 #86DDA2 to #DCF5E4

#86DDA2 #DCF5E4

Calculate the color between two colors, #86DDA2 and #DCF5E4. 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)

#86DDA2 - #DCF5E4 | 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 #86DDA2 as 0% and #DCF5E4 as 100%.

0.0%	0.0% #86DDA2	RGB 134 221 162	#86DDA2
16.7%	16.7% #94E1AD	RGB 148 225 173	#94E1AD
33.3%	33.3% #A2E5B8	RGB 162 229 184	#A2E5B8
50.0%	50.0% #B1E9C3	RGB 177 233 195	#B1E9C3
66.7%	66.7% #BFEDCE	RGB 191 237 206	#BFEDCE
83.3%	83.3% #CDF1D9	RGB 205 241 217	#CDF1D9
100.0%	100.0% #DCF5E4	RGB 220 245 228	#DCF5E4

#86DDA2 #94E1AD #A2E5B8 #B1E9C3 #BFEDCE #CDF1D9 #DCF5E4

#86DDA2 - #DCF5E4

HSV Blend

#86DDA2 - #DCF5E4 | 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 #86DDA2 as 0% and #DCF5E4 as 100%.

0.0%	0.0% #86DDA2	RGB 134 221 162	#86DDA2
16.7%	16.7% #93E1AC	RGB 147 225 172	#93E1AC
33.3%	33.3% #A1E5B6	RGB 161 229 182	#A1E5B6
50.0%	50.0% #AFE9C1	RGB 175 233 193	#AFE9C1
66.7%	66.7% #BDEDCC	RGB 189 237 204	#BDEDCC
83.3%	83.3% #CCF1D8	RGB 204 241 216	#CCF1D8
100.0%	100.0% #DCF5E4	RGB 220 245 228	#DCF5E4

#86DDA2 #93E1AC #A1E5B6 #AFE9C1 #BDEDCC #CCF1D8 #DCF5E4

#86DDA2 - #AFE9C1 - #DCF5E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86DDA2 0%, #AFE9C1 50%, #DCF5E4 100%);
    background: -webkit-linear-gradient(top, #86DDA2 0%, #AFE9C1 50%, #DCF5E4 100%);
    background: linear-gradient(to bottom, #86DDA2 0%, #AFE9C1 50%, #DCF5E4 100%);
}
</style>