#3CBE8F - #C7ECDF | 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 #3CBE8F to #C7ECDF

#3CBE8F #C7ECDF

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

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

0.0%	0.0% #3CBE8F	RGB 60 190 143	#3CBE8F
16.7%	16.7% #53C59C	RGB 83 197 156	#53C59C
33.3%	33.3% #6ACDA9	RGB 106 205 169	#6ACDA9
50.0%	50.0% #81D5B7	RGB 129 213 183	#81D5B7
66.7%	66.7% #98DCC4	RGB 152 220 196	#98DCC4
83.3%	83.3% #AFE4D1	RGB 175 228 209	#AFE4D1
100.0%	100.0% #C7ECDF	RGB 199 236 223	#C7ECDF

#3CBE8F #53C59C #6ACDA9 #81D5B7 #98DCC4 #AFE4D1 #C7ECDF

#3CBE8F - #C7ECDF

HSV Blend

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

0.0%	0.0% #3CBE8E	RGB 60 190 142	#3CBE8E
16.7%	16.7% #4FC59B	RGB 79 197 155	#4FC59B
33.3%	33.3% #64CDA7	RGB 100 205 167	#64CDA7
50.0%	50.0% #7BD5B5	RGB 123 213 181	#7BD5B5
66.7%	66.7% #93DCC2	RGB 147 220 194	#93DCC2
83.3%	83.3% #ACE4D0	RGB 172 228 208	#ACE4D0
100.0%	100.0% #C7ECDF	RGB 199 236 223	#C7ECDF

#3CBE8E #4FC59B #64CDA7 #7BD5B5 #93DCC2 #ACE4D0 #C7ECDF

#3CBE8F - #7BD5B5 - #C7ECDF

CSS codes

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

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