#2B9C9C - #08555E | 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 #2B9C9C to #08555E

#2B9C9C #08555E

Calculate the color between two colors, #2B9C9C and #08555E. 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)

#2B9C9C - #08555E | 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 #2B9C9C as 0% and #08555E as 100%.

0.0%	0.0% #2B9C9C	RGB 43 156 156	#2B9C9C
16.7%	16.7% #259091	RGB 37 144 145	#259091
33.3%	33.3% #1F8487	RGB 31 132 135	#1F8487
50.0%	50.0% #19787D	RGB 25 120 125	#19787D
66.7%	66.7% #136C72	RGB 19 108 114	#136C72
83.3%	83.3% #0D6068	RGB 13 96 104	#0D6068
100.0%	100.0% #08555E	RGB 8 85 94	#08555E

#2B9C9C #259091 #1F8487 #19787D #136C72 #0D6068 #08555E

#2B9C9C - #08555E

HSV Blend

#2B9C9C - #08555E | 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 #2B9C9C as 0% and #08555E as 100%.

0.0%	0.0% #2B9C9C	RGB 43 156 156	#2B9C9C
16.7%	16.7% #238F91	RGB 35 143 145	#238F91
33.3%	33.3% #1C8387	RGB 28 131 135	#1C8387
50.0%	50.0% #16777D	RGB 22 119 125	#16777D
66.7%	66.7% #116B72	RGB 17 107 114	#116B72
83.3%	83.3% #0C6068	RGB 12 96 104	#0C6068
100.0%	100.0% #08555E	RGB 8 85 94	#08555E

#2B9C9C #238F91 #1C8387 #16777D #116B72 #0C6068 #08555E

#2B9C9C - #16777D - #08555E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B9C9C 0%, #16777D 50%, #08555E 100%);
    background: -webkit-linear-gradient(top, #2B9C9C 0%, #16777D 50%, #08555E 100%);
    background: linear-gradient(to bottom, #2B9C9C 0%, #16777D 50%, #08555E 100%);
}
</style>