#40B9B5 - #00897B | 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 #40B9B5 to #00897B

#40B9B5 #00897B

Calculate the color between two colors, #40B9B5 and #00897B. 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)

#40B9B5 - #00897B | 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 #40B9B5 as 0% and #00897B as 100%.

0.0%	0.0% #40B9B5	RGB 64 185 181	#40B9B5
16.7%	16.7% #35B1AB	RGB 53 177 171	#35B1AB
33.3%	33.3% #2AA9A1	RGB 42 169 161	#2AA9A1
50.0%	50.0% #20A198	RGB 32 161 152	#20A198
66.7%	66.7% #15998E	RGB 21 153 142	#15998E
83.3%	83.3% #0A9184	RGB 10 145 132	#0A9184
100.0%	100.0% #00897B	RGB 0 137 123	#00897B

#40B9B5 #35B1AB #2AA9A1 #20A198 #15998E #0A9184 #00897B

#40B9B5 - #00897B

HSV Blend

#40B9B5 - #00897B | 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 #40B9B5 as 0% and #00897B as 100%.

0.0%	0.0% #40B9B5	RGB 64 185 181	#40B9B5
16.7%	16.7% #33B1AB	RGB 51 177 171	#33B1AB
33.3%	33.3% #26A9A1	RGB 38 169 161	#26A9A1
50.0%	50.0% #1BA197	RGB 27 161 151	#1BA197
66.7%	66.7% #11998E	RGB 17 153 142	#11998E
83.3%	83.3% #089184	RGB 8 145 132	#089184
100.0%	100.0% #00897B	RGB 0 137 123	#00897B

#40B9B5 #33B1AB #26A9A1 #1BA197 #11998E #089184 #00897B

#40B9B5 - #1BA197 - #00897B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40B9B5 0%, #1BA197 50%, #00897B 100%);
    background: -webkit-linear-gradient(top, #40B9B5 0%, #1BA197 50%, #00897B 100%);
    background: linear-gradient(to bottom, #40B9B5 0%, #1BA197 50%, #00897B 100%);
}
</style>