#9FE5E6 - #4BA0B6 | 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 #9FE5E6 to #4BA0B6

#9FE5E6 #4BA0B6

Calculate the color between two colors, #9FE5E6 and #4BA0B6. 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)

#9FE5E6 - #4BA0B6 | 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 #9FE5E6 as 0% and #4BA0B6 as 100%.

0.0%	0.0% #9FE5E6	RGB 159 229 230	#9FE5E6
16.7%	16.7% #91D9DE	RGB 145 217 222	#91D9DE
33.3%	33.3% #83CED6	RGB 131 206 214	#83CED6
50.0%	50.0% #75C2CE	RGB 117 194 206	#75C2CE
66.7%	66.7% #67B7C6	RGB 103 183 198	#67B7C6
83.3%	83.3% #59ABBE	RGB 89 171 190	#59ABBE
100.0%	100.0% #4BA0B6	RGB 75 160 182	#4BA0B6

#9FE5E6 #91D9DE #83CED6 #75C2CE #67B7C6 #59ABBE #4BA0B6

#9FE5E6 - #4BA0B6

HSV Blend

#9FE5E6 - #4BA0B6 | 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 #9FE5E6 as 0% and #4BA0B6 as 100%.

0.0%	0.0% #9FE5E6	RGB 159 229 230	#9FE5E6
16.7%	16.7% #8FDADE	RGB 143 218 222	#8FDADE
33.3%	33.3% #80CFD6	RGB 128 207 214	#80CFD6
50.0%	50.0% #71C3CE	RGB 113 195 206	#71C3CE
66.7%	66.7% #64B8C6	RGB 100 184 198	#64B8C6
83.3%	83.3% #57ACBE	RGB 87 172 190	#57ACBE
100.0%	100.0% #4BA0B6	RGB 75 160 182	#4BA0B6

#9FE5E6 #8FDADE #80CFD6 #71C3CE #64B8C6 #57ACBE #4BA0B6

#9FE5E6 - #71C3CE - #4BA0B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FE5E6 0%, #71C3CE 50%, #4BA0B6 100%);
    background: -webkit-linear-gradient(top, #9FE5E6 0%, #71C3CE 50%, #4BA0B6 100%);
    background: linear-gradient(to bottom, #9FE5E6 0%, #71C3CE 50%, #4BA0B6 100%);
}
</style>