#01C2B6 - #C0FFB1 | 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 #01C2B6 to #C0FFB1

#01C2B6 #C0FFB1

Calculate the color between two colors, #01C2B6 and #C0FFB1. 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)

#01C2B6 - #C0FFB1 | 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 #01C2B6 as 0% and #C0FFB1 as 100%.

0.0%	0.0% #01C2B6	RGB 1 194 182	#01C2B6
16.7%	16.7% #20CCB5	RGB 32 204 181	#20CCB5
33.3%	33.3% #40D6B4	RGB 64 214 180	#40D6B4
50.0%	50.0% #60E0B3	RGB 96 224 179	#60E0B3
66.7%	66.7% #80EAB2	RGB 128 234 178	#80EAB2
83.3%	83.3% #A0F4B1	RGB 160 244 177	#A0F4B1
100.0%	100.0% #C0FFB1	RGB 192 255 177	#C0FFB1

#01C2B6 #20CCB5 #40D6B4 #60E0B3 #80EAB2 #A0F4B1 #C0FFB1

#01C2B6 - #C0FFB1

HSV Blend

#01C2B6 - #C0FFB1 | 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 #01C2B6 as 0% and #C0FFB1 as 100%.

0.0%	0.0% #00C2B5	RGB 0 194 181	#00C2B5
16.7%	16.7% #18CC9F	RGB 24 204 159	#18CC9F
33.3%	33.3% #32D68E	RGB 50 214 142	#32D68E
50.0%	50.0% #4EE084	RGB 78 224 132	#4EE084
66.7%	66.7% #6CEA84	RGB 108 234 132	#6CEA84
83.3%	83.3% #8EF48D	RGB 142 244 141	#8EF48D
100.0%	100.0% #C0FFB1	RGB 192 255 177	#C0FFB1

#00C2B5 #18CC9F #32D68E #4EE084 #6CEA84 #8EF48D #C0FFB1

#01C2B6 - #4EE084 - #C0FFB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C2B5 0%, #4EE084 50%, #C0FFB1 100%);
    background: -webkit-linear-gradient(top, #00C2B5 0%, #4EE084 50%, #C0FFB1 100%);
    background: linear-gradient(to bottom, #00C2B5 0%, #4EE084 50%, #C0FFB1 100%);
}
</style>