#8DCBC2 - #3C8985 | 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 #8DCBC2 to #3C8985

#8DCBC2 #3C8985

Calculate the color between two colors, #8DCBC2 and #3C8985. 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)

#8DCBC2 - #3C8985 | 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 #8DCBC2 as 0% and #3C8985 as 100%.

0.0%	0.0% #8DCBC2	RGB 141 203 194	#8DCBC2
16.7%	16.7% #7FC0B7	RGB 127 192 183	#7FC0B7
33.3%	33.3% #72B5AD	RGB 114 181 173	#72B5AD
50.0%	50.0% #64AAA3	RGB 100 170 163	#64AAA3
66.7%	66.7% #579F99	RGB 87 159 153	#579F99
83.3%	83.3% #49948F	RGB 73 148 143	#49948F
100.0%	100.0% #3C8985	RGB 60 137 133	#3C8985

#8DCBC2 #7FC0B7 #72B5AD #64AAA3 #579F99 #49948F #3C8985

#8DCBC2 - #3C8985

HSV Blend

#8DCBC2 - #3C8985 | 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 #8DCBC2 as 0% and #3C8985 as 100%.

0.0%	0.0% #8DCBC2	RGB 141 203 194	#8DCBC2
16.7%	16.7% #7DC0B7	RGB 125 192 183	#7DC0B7
33.3%	33.3% #6EB5AC	RGB 110 181 172	#6EB5AC
50.0%	50.0% #60AAA2	RGB 96 170 162	#60AAA2
66.7%	66.7% #539F98	RGB 83 159 152	#539F98
83.3%	83.3% #47948E	RGB 71 148 142	#47948E
100.0%	100.0% #3C8985	RGB 60 137 133	#3C8985

#8DCBC2 #7DC0B7 #6EB5AC #60AAA2 #539F98 #47948E #3C8985

#8DCBC2 - #60AAA2 - #3C8985

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DCBC2 0%, #60AAA2 50%, #3C8985 100%);
    background: -webkit-linear-gradient(top, #8DCBC2 0%, #60AAA2 50%, #3C8985 100%);
    background: linear-gradient(to bottom, #8DCBC2 0%, #60AAA2 50%, #3C8985 100%);
}
</style>