#3EB6A4 - #C7EAE5 | 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 #3EB6A4 to #C7EAE5

#3EB6A4 #C7EAE5

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

#3EB6A4 - #C7EAE5 | 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 #3EB6A4 as 0% and #C7EAE5 as 100%.

0.0%	0.0% #3EB6A4	RGB 62 182 164	#3EB6A4
16.7%	16.7% #54BEAE	RGB 84 190 174	#54BEAE
33.3%	33.3% #6BC7B9	RGB 107 199 185	#6BC7B9
50.0%	50.0% #82D0C4	RGB 130 208 196	#82D0C4
66.7%	66.7% #99D8CF	RGB 153 216 207	#99D8CF
83.3%	83.3% #B0E1DA	RGB 176 225 218	#B0E1DA
100.0%	100.0% #C7EAE5	RGB 199 234 229	#C7EAE5

#3EB6A4 #54BEAE #6BC7B9 #82D0C4 #99D8CF #B0E1DA #C7EAE5

#3EB6A4 - #C7EAE5

HSV Blend

#3EB6A4 - #C7EAE5 | 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 #3EB6A4 as 0% and #C7EAE5 as 100%.

0.0%	0.0% #3EB6A4	RGB 62 182 164	#3EB6A4
16.7%	16.7% #51BEAE	RGB 81 190 174	#51BEAE
33.3%	33.3% #65C7B8	RGB 101 199 184	#65C7B8
50.0%	50.0% #7BD0C3	RGB 123 208 195	#7BD0C3
66.7%	66.7% #93D8CE	RGB 147 216 206	#93D8CE
83.3%	83.3% #ACE1D9	RGB 172 225 217	#ACE1D9
100.0%	100.0% #C7EAE5	RGB 199 234 229	#C7EAE5

#3EB6A4 #51BEAE #65C7B8 #7BD0C3 #93D8CE #ACE1D9 #C7EAE5

#3EB6A4 - #7BD0C3 - #C7EAE5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EB6A4 0%, #7BD0C3 50%, #C7EAE5 100%);
    background: -webkit-linear-gradient(top, #3EB6A4 0%, #7BD0C3 50%, #C7EAE5 100%);
    background: linear-gradient(to bottom, #3EB6A4 0%, #7BD0C3 50%, #C7EAE5 100%);
}
</style>