#0CD4D4 - #C2FFB5 | 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 #0CD4D4 to #C2FFB5

#0CD4D4 #C2FFB5

Calculate the color between two colors, #0CD4D4 and #C2FFB5. 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)

#0CD4D4 - #C2FFB5 | 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 #0CD4D4 as 0% and #C2FFB5 as 100%.

0.0%	0.0% #0CD4D4	RGB 12 212 212	#0CD4D4
16.7%	16.7% #2ADBCE	RGB 42 219 206	#2ADBCE
33.3%	33.3% #48E2C9	RGB 72 226 201	#48E2C9
50.0%	50.0% #67E9C4	RGB 103 233 196	#67E9C4
66.7%	66.7% #85F0BF	RGB 133 240 191	#85F0BF
83.3%	83.3% #A3F7BA	RGB 163 247 186	#A3F7BA
100.0%	100.0% #C2FFB5	RGB 194 255 181	#C2FFB5

#0CD4D4 #2ADBCE #48E2C9 #67E9C4 #85F0BF #A3F7BA #C2FFB5

#0CD4D4 - #C2FFB5

HSV Blend

#0CD4D4 - #C2FFB5 | 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 #0CD4D4 as 0% and #C2FFB5 as 100%.

0.0%	0.0% #0CD4D4	RGB 12 212 212	#0CD4D4
16.7%	16.7% #24DBB7	RGB 36 219 183	#24DBB7
33.3%	33.3% #3EE2A1	RGB 62 226 161	#3EE2A1
50.0%	50.0% #59E994	RGB 89 233 148	#59E994
66.7%	66.7% #76F090	RGB 118 240 144	#76F090
83.3%	83.3% #94F796	RGB 148 247 150	#94F796
100.0%	100.0% #C2FFB5	RGB 194 255 181	#C2FFB5

#0CD4D4 #24DBB7 #3EE2A1 #59E994 #76F090 #94F796 #C2FFB5

#0CD4D4 - #59E994 - #C2FFB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0CD4D4 0%, #59E994 50%, #C2FFB5 100%);
    background: -webkit-linear-gradient(top, #0CD4D4 0%, #59E994 50%, #C2FFB5 100%);
    background: linear-gradient(to bottom, #0CD4D4 0%, #59E994 50%, #C2FFB5 100%);
}
</style>