#9FDFDF - #2EB4B5 | 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 #9FDFDF to #2EB4B5

#9FDFDF #2EB4B5

Calculate the color between two colors, #9FDFDF and #2EB4B5. 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)

#9FDFDF - #2EB4B5 | 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 #9FDFDF as 0% and #2EB4B5 as 100%.

0.0%	0.0% #9FDFDF	RGB 159 223 223	#9FDFDF
16.7%	16.7% #8CD7D8	RGB 140 215 216	#8CD7D8
33.3%	33.3% #79D0D1	RGB 121 208 209	#79D0D1
50.0%	50.0% #66C9CA	RGB 102 201 202	#66C9CA
66.7%	66.7% #53C2C3	RGB 83 194 195	#53C2C3
83.3%	83.3% #40BBBC	RGB 64 187 188	#40BBBC
100.0%	100.0% #2EB4B5	RGB 46 180 181	#2EB4B5

#9FDFDF #8CD7D8 #79D0D1 #66C9CA #53C2C3 #40BBBC #2EB4B5

#9FDFDF - #2EB4B5

HSV Blend

#9FDFDF - #2EB4B5 | 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 #9FDFDF as 0% and #2EB4B5 as 100%.

0.0%	0.0% #9FDFDF	RGB 159 223 223	#9FDFDF
16.7%	16.7% #89D7D8	RGB 137 215 216	#89D7D8
33.3%	33.3% #75D0D1	RGB 117 208 209	#75D0D1
50.0%	50.0% #61C9CA	RGB 97 201 202	#61C9CA
66.7%	66.7% #4FC2C3	RGB 79 194 195	#4FC2C3
83.3%	83.3% #3EBBBC	RGB 62 187 188	#3EBBBC
100.0%	100.0% #2EB4B5	RGB 46 180 181	#2EB4B5

#9FDFDF #89D7D8 #75D0D1 #61C9CA #4FC2C3 #3EBBBC #2EB4B5

#9FDFDF - #61C9CA - #2EB4B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FDFDF 0%, #61C9CA 50%, #2EB4B5 100%);
    background: -webkit-linear-gradient(top, #9FDFDF 0%, #61C9CA 50%, #2EB4B5 100%);
    background: linear-gradient(to bottom, #9FDFDF 0%, #61C9CA 50%, #2EB4B5 100%);
}
</style>