#96E8D9 - #3EB4AB | 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 #96E8D9 to #3EB4AB

#96E8D9 #3EB4AB

Calculate the color between two colors, #96E8D9 and #3EB4AB. 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)

#96E8D9 - #3EB4AB | 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 #96E8D9 as 0% and #3EB4AB as 100%.

0.0%	0.0% #96E8D9	RGB 150 232 217	#96E8D9
16.7%	16.7% #87DFD1	RGB 135 223 209	#87DFD1
33.3%	33.3% #78D6C9	RGB 120 214 201	#78D6C9
50.0%	50.0% #6ACEC2	RGB 106 206 194	#6ACEC2
66.7%	66.7% #5BC5BA	RGB 91 197 186	#5BC5BA
83.3%	83.3% #4CBCB2	RGB 76 188 178	#4CBCB2
100.0%	100.0% #3EB4AB	RGB 62 180 171	#3EB4AB

#96E8D9 #87DFD1 #78D6C9 #6ACEC2 #5BC5BA #4CBCB2 #3EB4AB

#96E8D9 - #3EB4AB

HSV Blend

#96E8D9 - #3EB4AB | 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 #96E8D9 as 0% and #3EB4AB as 100%.

0.0%	0.0% #96E8D9	RGB 150 232 217	#96E8D9
16.7%	16.7% #85DFD0	RGB 133 223 208	#85DFD0
33.3%	33.3% #75D6C8	RGB 117 214 200	#75D6C8
50.0%	50.0% #66CEC0	RGB 102 206 192	#66CEC0
66.7%	66.7% #57C5B9	RGB 87 197 185	#57C5B9
83.3%	83.3% #4ABCB1	RGB 74 188 177	#4ABCB1
100.0%	100.0% #3EB4AB	RGB 62 180 171	#3EB4AB

#96E8D9 #85DFD0 #75D6C8 #66CEC0 #57C5B9 #4ABCB1 #3EB4AB

#96E8D9 - #66CEC0 - #3EB4AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96E8D9 0%, #66CEC0 50%, #3EB4AB 100%);
    background: -webkit-linear-gradient(top, #96E8D9 0%, #66CEC0 50%, #3EB4AB 100%);
    background: linear-gradient(to bottom, #96E8D9 0%, #66CEC0 50%, #3EB4AB 100%);
}
</style>