#3CCDA6 - #C7F0E5 | 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 #3CCDA6 to #C7F0E5

#3CCDA6 #C7F0E5

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

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

0.0%	0.0% #3CCDA6	RGB 60 205 166	#3CCDA6
16.7%	16.7% #53D2B0	RGB 83 210 176	#53D2B0
33.3%	33.3% #6AD8BB	RGB 106 216 187	#6AD8BB
50.0%	50.0% #81DEC5	RGB 129 222 197	#81DEC5
66.7%	66.7% #98E4D0	RGB 152 228 208	#98E4D0
83.3%	83.3% #AFEADA	RGB 175 234 218	#AFEADA
100.0%	100.0% #C7F0E5	RGB 199 240 229	#C7F0E5

#3CCDA6 #53D2B0 #6AD8BB #81DEC5 #98E4D0 #AFEADA #C7F0E5

#3CCDA6 - #C7F0E5

HSV Blend

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

0.0%	0.0% #3CCDA5	RGB 60 205 165	#3CCDA5
16.7%	16.7% #50D2AF	RGB 80 210 175	#50D2AF
33.3%	33.3% #66D8B9	RGB 102 216 185	#66D8B9
50.0%	50.0% #7CDEC4	RGB 124 222 196	#7CDEC4
66.7%	66.7% #94E4CE	RGB 148 228 206	#94E4CE
83.3%	83.3% #ADEAD9	RGB 173 234 217	#ADEAD9
100.0%	100.0% #C7F0E5	RGB 199 240 229	#C7F0E5

#3CCDA5 #50D2AF #66D8B9 #7CDEC4 #94E4CE #ADEAD9 #C7F0E5

#3CCDA6 - #7CDEC4 - #C7F0E5

CSS codes

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

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