#1EB6AC - #C0F3AC | 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 #1EB6AC to #C0F3AC

#1EB6AC #C0F3AC

Calculate the color between two colors, #1EB6AC and #C0F3AC. 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)

#1EB6AC - #C0F3AC | 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 #1EB6AC as 0% and #C0F3AC as 100%.

0.0%	0.0% #1EB6AC	RGB 30 182 172	#1EB6AC
16.7%	16.7% #39C0AC	RGB 57 192 172	#39C0AC
33.3%	33.3% #54CAAC	RGB 84 202 172	#54CAAC
50.0%	50.0% #6FD4AC	RGB 111 212 172	#6FD4AC
66.7%	66.7% #8ADEAC	RGB 138 222 172	#8ADEAC
83.3%	83.3% #A5E8AC	RGB 165 232 172	#A5E8AC
100.0%	100.0% #C0F3AC	RGB 192 243 172	#C0F3AC

#1EB6AC #39C0AC #54CAAC #6FD4AC #8ADEAC #A5E8AC #C0F3AC

#1EB6AC - #C0F3AC

HSV Blend

#1EB6AC - #C0F3AC | 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 #1EB6AC as 0% and #C0F3AC as 100%.

0.0%	0.0% #1DB6AC	RGB 29 182 172	#1DB6AC
16.7%	16.7% #31C099	RGB 49 192 153	#31C099
33.3%	33.3% #45CA8B	RGB 69 202 139	#45CA8B
50.0%	50.0% #5CD483	RGB 92 212 131	#5CD483
66.7%	66.7% #75DE82	RGB 117 222 130	#75DE82
83.3%	83.3% #96E88F	RGB 150 232 143	#96E88F
100.0%	100.0% #C0F3AC	RGB 192 243 172	#C0F3AC

#1DB6AC #31C099 #45CA8B #5CD483 #75DE82 #96E88F #C0F3AC

#1EB6AC - #5CD483 - #C0F3AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DB6AC 0%, #5CD483 50%, #C0F3AC 100%);
    background: -webkit-linear-gradient(top, #1DB6AC 0%, #5CD483 50%, #C0F3AC 100%);
    background: linear-gradient(to bottom, #1DB6AC 0%, #5CD483 50%, #C0F3AC 100%);
}
</style>