#009D9F - #BFF6C9 | 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 #009D9F to #BFF6C9

#009D9F #BFF6C9

Calculate the color between two colors, #009D9F and #BFF6C9. 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)

#009D9F - #BFF6C9 | 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 #009D9F as 0% and #BFF6C9 as 100%.

0.0%	0.0% #009D9F	RGB 0 157 159	#009D9F
16.7%	16.7% #1FABA6	RGB 31 171 166	#1FABA6
33.3%	33.3% #3FBAAD	RGB 63 186 173	#3FBAAD
50.0%	50.0% #5FC9B4	RGB 95 201 180	#5FC9B4
66.7%	66.7% #7FD8BB	RGB 127 216 187	#7FD8BB
83.3%	83.3% #9FE7C2	RGB 159 231 194	#9FE7C2
100.0%	100.0% #BFF6C9	RGB 191 246 201	#BFF6C9

#009D9F #1FABA6 #3FBAAD #5FC9B4 #7FD8BB #9FE7C2 #BFF6C9

#009D9F - #BFF6C9

HSV Blend

#009D9F - #BFF6C9 | 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 #009D9F as 0% and #BFF6C9 as 100%.

0.0%	0.0% #009D9F	RGB 0 157 159	#009D9F
16.7%	16.7% #16AD9A	RGB 22 173 154	#16AD9A
33.3%	33.3% #30BC97	RGB 48 188 151	#30BC97
50.0%	50.0% #4ECA98	RGB 78 202 152	#4ECA98
66.7%	66.7% #70D9A0	RGB 112 217 160	#70D9A0
83.3%	83.3% #95E7AF	RGB 149 231 175	#95E7AF
100.0%	100.0% #BFF6C9	RGB 191 246 201	#BFF6C9

#009D9F #16AD9A #30BC97 #4ECA98 #70D9A0 #95E7AF #BFF6C9

#009D9F - #4ECA98 - #BFF6C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009D9F 0%, #4ECA98 50%, #BFF6C9 100%);
    background: -webkit-linear-gradient(top, #009D9F 0%, #4ECA98 50%, #BFF6C9 100%);
    background: linear-gradient(to bottom, #009D9F 0%, #4ECA98 50%, #BFF6C9 100%);
}
</style>