#3CBA96 - #C7EBE1 | 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 #3CBA96 to #C7EBE1

#3CBA96 #C7EBE1

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

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

0.0%	0.0% #3CBA96	RGB 60 186 150	#3CBA96
16.7%	16.7% #53C2A2	RGB 83 194 162	#53C2A2
33.3%	33.3% #6ACAAF	RGB 106 202 175	#6ACAAF
50.0%	50.0% #81D2BB	RGB 129 210 187	#81D2BB
66.7%	66.7% #98DAC8	RGB 152 218 200	#98DAC8
83.3%	83.3% #AFE2D4	RGB 175 226 212	#AFE2D4
100.0%	100.0% #C7EBE1	RGB 199 235 225	#C7EBE1

#3CBA96 #53C2A2 #6ACAAF #81D2BB #98DAC8 #AFE2D4 #C7EBE1

#3CBA96 - #C7EBE1

HSV Blend

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

0.0%	0.0% #3CBA96	RGB 60 186 150	#3CBA96
16.7%	16.7% #4FC2A1	RGB 79 194 161	#4FC2A1
33.3%	33.3% #64CAAD	RGB 100 202 173	#64CAAD
50.0%	50.0% #7BD2B9	RGB 123 210 185	#7BD2B9
66.7%	66.7% #92DAC6	RGB 146 218 198	#92DAC6
83.3%	83.3% #ACE2D3	RGB 172 226 211	#ACE2D3
100.0%	100.0% #C7EBE1	RGB 199 235 225	#C7EBE1

#3CBA96 #4FC2A1 #64CAAD #7BD2B9 #92DAC6 #ACE2D3 #C7EBE1

#3CBA96 - #7BD2B9 - #C7EBE1

CSS codes

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

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