#2FFFB7 - #FFFFA4 | 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 #2FFFB7 to #FFFFA4

#2FFFB7 #FFFFA4

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

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

0.0%	0.0% #2FFFB7	RGB 47 255 183	#2FFFB7
16.7%	16.7% #51FFB3	RGB 81 255 179	#51FFB3
33.3%	33.3% #74FFB0	RGB 116 255 176	#74FFB0
50.0%	50.0% #97FFAD	RGB 151 255 173	#97FFAD
66.7%	66.7% #B9FFAA	RGB 185 255 170	#B9FFAA
83.3%	83.3% #DCFFA7	RGB 220 255 167	#DCFFA7
100.0%	100.0% #FFFFA4	RGB 255 255 164	#FFFFA4

#2FFFB7 #51FFB3 #74FFB0 #97FFAD #B9FFAA #DCFFA7 #FFFFA4

#2FFFB7 - #FFFFA4

HSV Blend

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

0.0%	0.0% #2EFFB6	RGB 46 255 182	#2EFFB6
16.7%	16.7% #42FF89	RGB 66 255 137	#42FF89
33.3%	33.3% #55FF67	RGB 85 255 103	#55FF67
50.0%	50.0% #83FF69	RGB 131 255 105	#83FF69
66.7%	66.7% #B7FF7D	RGB 183 255 125	#B7FF7D
83.3%	83.3% #E0FF90	RGB 224 255 144	#E0FF90
100.0%	100.0% #FFFFA4	RGB 255 255 164	#FFFFA4

#2EFFB6 #42FF89 #55FF67 #83FF69 #B7FF7D #E0FF90 #FFFFA4

#2FFFB7 - #83FF69 - #FFFFA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EFFB6 0%, #83FF69 50%, #FFFFA4 100%);
    background: -webkit-linear-gradient(top, #2EFFB6 0%, #83FF69 50%, #FFFFA4 100%);
    background: linear-gradient(to bottom, #2EFFB6 0%, #83FF69 50%, #FFFFA4 100%);
}
</style>