#01DDA6 - #B6F5E5 | 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 #01DDA6 to #B6F5E5

#01DDA6 #B6F5E5

Calculate the color between two colors, #01DDA6 and #B6F5E5. 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)

#01DDA6 - #B6F5E5 | 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 #01DDA6 as 0% and #B6F5E5 as 100%.

0.0%	0.0% #01DDA6	RGB 1 221 166	#01DDA6
16.7%	16.7% #1FE1B0	RGB 31 225 176	#1FE1B0
33.3%	33.3% #3DE5BB	RGB 61 229 187	#3DE5BB
50.0%	50.0% #5BE9C5	RGB 91 233 197	#5BE9C5
66.7%	66.7% #79EDD0	RGB 121 237 208	#79EDD0
83.3%	83.3% #97F1DA	RGB 151 241 218	#97F1DA
100.0%	100.0% #B6F5E5	RGB 182 245 229	#B6F5E5

#01DDA6 #1FE1B0 #3DE5BB #5BE9C5 #79EDD0 #97F1DA #B6F5E5

#01DDA6 - #B6F5E5

HSV Blend

#01DDA6 - #B6F5E5 | 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 #01DDA6 as 0% and #B6F5E5 as 100%.

0.0%	0.0% #01DDA5	RGB 1 221 165	#01DDA5
16.7%	16.7% #1CE1AF	RGB 28 225 175	#1CE1AF
33.3%	33.3% #39E5B9	RGB 57 229 185	#39E5B9
50.0%	50.0% #57E9C4	RGB 87 233 196	#57E9C4
66.7%	66.7% #75EDCE	RGB 117 237 206	#75EDCE
83.3%	83.3% #95F1D9	RGB 149 241 217	#95F1D9
100.0%	100.0% #B6F5E5	RGB 182 245 229	#B6F5E5

#01DDA5 #1CE1AF #39E5B9 #57E9C4 #75EDCE #95F1D9 #B6F5E5

#01DDA6 - #57E9C4 - #B6F5E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01DDA5 0%, #57E9C4 50%, #B6F5E5 100%);
    background: -webkit-linear-gradient(top, #01DDA5 0%, #57E9C4 50%, #B6F5E5 100%);
    background: linear-gradient(to bottom, #01DDA5 0%, #57E9C4 50%, #B6F5E5 100%);
}
</style>