#9BCECE - #2F9D9C | 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 #9BCECE to #2F9D9C

#9BCECE #2F9D9C

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

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

0.0%	0.0% #9BCECE	RGB 155 206 206	#9BCECE
16.7%	16.7% #89C5C5	RGB 137 197 197	#89C5C5
33.3%	33.3% #77BDBD	RGB 119 189 189	#77BDBD
50.0%	50.0% #65B5B5	RGB 101 181 181	#65B5B5
66.7%	66.7% #53ADAC	RGB 83 173 172	#53ADAC
83.3%	83.3% #41A5A4	RGB 65 165 164	#41A5A4
100.0%	100.0% #2F9D9C	RGB 47 157 156	#2F9D9C

#9BCECE #89C5C5 #77BDBD #65B5B5 #53ADAC #41A5A4 #2F9D9C

#9BCECE - #2F9D9C

HSV Blend

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

0.0%	0.0% #9BCECE	RGB 155 206 206	#9BCECE
16.7%	16.7% #85C5C5	RGB 133 197 197	#85C5C5
33.3%	33.3% #72BDBD	RGB 114 189 189	#72BDBD
50.0%	50.0% #5FB5B5	RGB 95 181 181	#5FB5B5
66.7%	66.7% #4EADAC	RGB 78 173 172	#4EADAC
83.3%	83.3% #3DA5A4	RGB 61 165 164	#3DA5A4
100.0%	100.0% #2F9D9C	RGB 47 157 156	#2F9D9C

#9BCECE #85C5C5 #72BDBD #5FB5B5 #4EADAC #3DA5A4 #2F9D9C

#9BCECE - #5FB5B5 - #2F9D9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9BCECE 0%, #5FB5B5 50%, #2F9D9C 100%);
    background: -webkit-linear-gradient(top, #9BCECE 0%, #5FB5B5 50%, #2F9D9C 100%);
    background: linear-gradient(to bottom, #9BCECE 0%, #5FB5B5 50%, #2F9D9C 100%);
}
</style>