#29CE9C - #F2FFA2 | 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 #29CE9C to #F2FFA2

#29CE9C #F2FFA2

Calculate the color between two colors, #29CE9C and #F2FFA2. 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)

#29CE9C - #F2FFA2 | 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 #29CE9C as 0% and #F2FFA2 as 100%.

0.0%	0.0% #29CE9C	RGB 41 206 156	#29CE9C
16.7%	16.7% #4AD69D	RGB 74 214 157	#4AD69D
33.3%	33.3% #6CDE9E	RGB 108 222 158	#6CDE9E
50.0%	50.0% #8DE69F	RGB 141 230 159	#8DE69F
66.7%	66.7% #AFEEA0	RGB 175 238 160	#AFEEA0
83.3%	83.3% #D0F6A1	RGB 208 246 161	#D0F6A1
100.0%	100.0% #F2FFA2	RGB 242 255 162	#F2FFA2

#29CE9C #4AD69D #6CDE9E #8DE69F #AFEEA0 #D0F6A1 #F2FFA2

#29CE9C - #F2FFA2

HSV Blend

#29CE9C - #F2FFA2 | 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 #29CE9C as 0% and #F2FFA2 as 100%.

0.0%	0.0% #28CE9B	RGB 40 206 155	#28CE9B
16.7%	16.7% #3AD67E	RGB 58 214 126	#3AD67E
33.3%	33.3% #4CDE66	RGB 76 222 102	#4CDE66
50.0%	50.0% #6BE660	RGB 107 230 96	#6BE660
66.7%	66.7% #9EEE74	RGB 158 238 116	#9EEE74
83.3%	83.3% #CBF68A	RGB 203 246 138	#CBF68A
100.0%	100.0% #F2FFA2	RGB 242 255 162	#F2FFA2

#28CE9B #3AD67E #4CDE66 #6BE660 #9EEE74 #CBF68A #F2FFA2

#29CE9C - #6BE660 - #F2FFA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28CE9B 0%, #6BE660 50%, #F2FFA2 100%);
    background: -webkit-linear-gradient(top, #28CE9B 0%, #6BE660 50%, #F2FFA2 100%);
    background: linear-gradient(to bottom, #28CE9B 0%, #6BE660 50%, #F2FFA2 100%);
}
</style>