#8DFFCF - #3EECB8 | 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 #8DFFCF to #3EECB8

#8DFFCF #3EECB8

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

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

0.0%	0.0% #8DFFCF	RGB 141 255 207	#8DFFCF
16.7%	16.7% #7FFBCB	RGB 127 251 203	#7FFBCB
33.3%	33.3% #72F8C7	RGB 114 248 199	#72F8C7
50.0%	50.0% #65F5C3	RGB 101 245 195	#65F5C3
66.7%	66.7% #58F2BF	RGB 88 242 191	#58F2BF
83.3%	83.3% #4BEFBB	RGB 75 239 187	#4BEFBB
100.0%	100.0% #3EECB8	RGB 62 236 184	#3EECB8

#8DFFCF #7FFBCB #72F8C7 #65F5C3 #58F2BF #4BEFBB #3EECB8

#8DFFCF - #3EECB8

HSV Blend

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

0.0%	0.0% #8DFFCF	RGB 141 255 207	#8DFFCF
16.7%	16.7% #7FFBC9	RGB 127 251 201	#7FFBC9
33.3%	33.3% #71F8C5	RGB 113 248 197	#71F8C5
50.0%	50.0% #64F5C1	RGB 100 245 193	#64F5C1
66.7%	66.7% #57F2BD	RGB 87 242 189	#57F2BD
83.3%	83.3% #4AEFBA	RGB 74 239 186	#4AEFBA
100.0%	100.0% #3EECB8	RGB 62 236 184	#3EECB8

#8DFFCF #7FFBC9 #71F8C5 #64F5C1 #57F2BD #4AEFBA #3EECB8

#8DFFCF - #64F5C1 - #3EECB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DFFCF 0%, #64F5C1 50%, #3EECB8 100%);
    background: -webkit-linear-gradient(top, #8DFFCF 0%, #64F5C1 50%, #3EECB8 100%);
    background: linear-gradient(to bottom, #8DFFCF 0%, #64F5C1 50%, #3EECB8 100%);
}
</style>