#2FC1B2 - #CEF2AC | 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 #2FC1B2 to #CEF2AC

#2FC1B2 #CEF2AC

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

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

0.0%	0.0% #2FC1B2	RGB 47 193 178	#2FC1B2
16.7%	16.7% #49C9B1	RGB 73 201 177	#49C9B1
33.3%	33.3% #64D1B0	RGB 100 209 176	#64D1B0
50.0%	50.0% #7ED9AF	RGB 126 217 175	#7ED9AF
66.7%	66.7% #99E1AE	RGB 153 225 174	#99E1AE
83.3%	83.3% #B3E9AD	RGB 179 233 173	#B3E9AD
100.0%	100.0% #CEF2AC	RGB 206 242 172	#CEF2AC

#2FC1B2 #49C9B1 #64D1B0 #7ED9AF #99E1AE #B3E9AD #CEF2AC

#2FC1B2 - #CEF2AC

HSV Blend

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

0.0%	0.0% #2FC1B1	RGB 47 193 177	#2FC1B1
16.7%	16.7% #40C99B	RGB 64 201 155	#40C99B
33.3%	33.3% #53D18A	RGB 83 209 138	#53D18A
50.0%	50.0% #67D97F	RGB 103 217 127	#67D97F
66.7%	66.7% #7FE17D	RGB 127 225 125	#7FE17D
83.3%	83.3% #A9E993	RGB 169 233 147	#A9E993
100.0%	100.0% #CEF2AC	RGB 206 242 172	#CEF2AC

#2FC1B1 #40C99B #53D18A #67D97F #7FE17D #A9E993 #CEF2AC

#2FC1B2 - #67D97F - #CEF2AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FC1B1 0%, #67D97F 50%, #CEF2AC 100%);
    background: -webkit-linear-gradient(top, #2FC1B1 0%, #67D97F 50%, #CEF2AC 100%);
    background: linear-gradient(to bottom, #2FC1B1 0%, #67D97F 50%, #CEF2AC 100%);
}
</style>