#2DB5CE - #C7FF9D | 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 #2DB5CE to #C7FF9D

#2DB5CE #C7FF9D

Calculate the color between two colors, #2DB5CE and #C7FF9D. 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)

#2DB5CE - #C7FF9D | 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 #2DB5CE as 0% and #C7FF9D as 100%.

0.0%	0.0% #2DB5CE	RGB 45 181 206	#2DB5CE
16.7%	16.7% #46C1C5	RGB 70 193 197	#46C1C5
33.3%	33.3% #60CDBD	RGB 96 205 189	#60CDBD
50.0%	50.0% #7ADAB5	RGB 122 218 181	#7ADAB5
66.7%	66.7% #93E6AD	RGB 147 230 173	#93E6AD
83.3%	83.3% #ADF2A5	RGB 173 242 165	#ADF2A5
100.0%	100.0% #C7FF9D	RGB 199 255 157	#C7FF9D

#2DB5CE #46C1C5 #60CDBD #7ADAB5 #93E6AD #ADF2A5 #C7FF9D

#2DB5CE - #C7FF9D

HSV Blend

#2DB5CE - #C7FF9D | 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 #2DB5CE as 0% and #C7FF9D as 100%.

0.0%	0.0% #2DB5CE	RGB 45 181 206	#2DB5CE
16.7%	16.7% #3CD6C5	RGB 60 214 197	#3CD6C5
33.3%	33.3% #4EDEA8	RGB 78 222 168	#4EDEA8
50.0%	50.0% #60E690	RGB 96 230 144	#60E690
66.7%	66.7% #73EE7F	RGB 115 238 127	#73EE7F
83.3%	83.3% #99F687	RGB 153 246 135	#99F687
100.0%	100.0% #C7FF9D	RGB 199 255 157	#C7FF9D

#2DB5CE #3CD6C5 #4EDEA8 #60E690 #73EE7F #99F687 #C7FF9D

#2DB5CE - #60E690 - #C7FF9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DB5CE 0%, #60E690 50%, #C7FF9D 100%);
    background: -webkit-linear-gradient(top, #2DB5CE 0%, #60E690 50%, #C7FF9D 100%);
    background: linear-gradient(to bottom, #2DB5CE 0%, #60E690 50%, #C7FF9D 100%);
}
</style>