#96E2D1 - #40AB9F | 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 #96E2D1 to #40AB9F

#96E2D1 #40AB9F

Calculate the color between two colors, #96E2D1 and #40AB9F. 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)

#96E2D1 - #40AB9F | 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 #96E2D1 as 0% and #40AB9F as 100%.

0.0%	0.0% #96E2D1	RGB 150 226 209	#96E2D1
16.7%	16.7% #87D8C8	RGB 135 216 200	#87D8C8
33.3%	33.3% #79CFC0	RGB 121 207 192	#79CFC0
50.0%	50.0% #6BC6B8	RGB 107 198 184	#6BC6B8
66.7%	66.7% #5CBDAF	RGB 92 189 175	#5CBDAF
83.3%	83.3% #4EB4A7	RGB 78 180 167	#4EB4A7
100.0%	100.0% #40AB9F	RGB 64 171 159	#40AB9F

#96E2D1 #87D8C8 #79CFC0 #6BC6B8 #5CBDAF #4EB4A7 #40AB9F

#96E2D1 - #40AB9F

HSV Blend

#96E2D1 - #40AB9F | 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 #96E2D1 as 0% and #40AB9F as 100%.

0.0%	0.0% #96E2D1	RGB 150 226 209	#96E2D1
16.7%	16.7% #85D8C7	RGB 133 216 199	#85D8C7
33.3%	33.3% #75CFBE	RGB 117 207 190	#75CFBE
50.0%	50.0% #67C6B6	RGB 103 198 182	#67C6B6
66.7%	66.7% #59BDAE	RGB 89 189 174	#59BDAE
83.3%	83.3% #4CB4A6	RGB 76 180 166	#4CB4A6
100.0%	100.0% #40AB9F	RGB 64 171 159	#40AB9F

#96E2D1 #85D8C7 #75CFBE #67C6B6 #59BDAE #4CB4A6 #40AB9F

#96E2D1 - #67C6B6 - #40AB9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96E2D1 0%, #67C6B6 50%, #40AB9F 100%);
    background: -webkit-linear-gradient(top, #96E2D1 0%, #67C6B6 50%, #40AB9F 100%);
    background: linear-gradient(to bottom, #96E2D1 0%, #67C6B6 50%, #40AB9F 100%);
}
</style>