#3AC8C7 - #C9EDB2 | 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 #3AC8C7 to #C9EDB2

#3AC8C7 #C9EDB2

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

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

0.0%	0.0% #3AC8C7	RGB 58 200 199	#3AC8C7
16.7%	16.7% #51CEC3	RGB 81 206 195	#51CEC3
33.3%	33.3% #69D4C0	RGB 105 212 192	#69D4C0
50.0%	50.0% #81DABC	RGB 129 218 188	#81DABC
66.7%	66.7% #99E0B9	RGB 153 224 185	#99E0B9
83.3%	83.3% #B1E6B5	RGB 177 230 181	#B1E6B5
100.0%	100.0% #C9EDB2	RGB 201 237 178	#C9EDB2

#3AC8C7 #51CEC3 #69D4C0 #81DABC #99E0B9 #B1E6B5 #C9EDB2

#3AC8C7 - #C9EDB2

HSV Blend

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

0.0%	0.0% #3AC8C7	RGB 58 200 199	#3AC8C7
16.7%	16.7% #4BCEAF	RGB 75 206 175	#4BCEAF
33.3%	33.3% #5ED49D	RGB 94 212 157	#5ED49D
50.0%	50.0% #71DA91	RGB 113 218 145	#71DA91
66.7%	66.7% #86E08C	RGB 134 224 140	#86E08C
83.3%	83.3% #A7E69B	RGB 167 230 155	#A7E69B
100.0%	100.0% #C9EDB2	RGB 201 237 178	#C9EDB2

#3AC8C7 #4BCEAF #5ED49D #71DA91 #86E08C #A7E69B #C9EDB2

#3AC8C7 - #71DA91 - #C9EDB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC8C7 0%, #71DA91 50%, #C9EDB2 100%);
    background: -webkit-linear-gradient(top, #3AC8C7 0%, #71DA91 50%, #C9EDB2 100%);
    background: linear-gradient(to bottom, #3AC8C7 0%, #71DA91 50%, #C9EDB2 100%);
}
</style>