#2FD498 - #FFFFA0 | 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 #2FD498 to #FFFFA0

#2FD498 #FFFFA0

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

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

0.0%	0.0% #2FD498	RGB 47 212 152	#2FD498
16.7%	16.7% #51DB99	RGB 81 219 153	#51DB99
33.3%	33.3% #74E29A	RGB 116 226 154	#74E29A
50.0%	50.0% #97E99C	RGB 151 233 156	#97E99C
66.7%	66.7% #B9F09D	RGB 185 240 157	#B9F09D
83.3%	83.3% #DCF79E	RGB 220 247 158	#DCF79E
100.0%	100.0% #FFFFA0	RGB 255 255 160	#FFFFA0

#2FD498 #51DB99 #74E29A #97E99C #B9F09D #DCF79E #FFFFA0

#2FD498 - #FFFFA0

HSV Blend

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

0.0%	0.0% #2FD498	RGB 47 212 152	#2FD498
16.7%	16.7% #3FDB78	RGB 63 219 120	#3FDB78
33.3%	33.3% #50E25E	RGB 80 226 94	#50E25E
50.0%	50.0% #7BE963	RGB 123 233 99	#7BE963
66.7%	66.7% #AEF076	RGB 174 240 118	#AEF076
83.3%	83.3% #DAF78A	RGB 218 247 138	#DAF78A
100.0%	100.0% #FFFFA0	RGB 255 255 160	#FFFFA0

#2FD498 #3FDB78 #50E25E #7BE963 #AEF076 #DAF78A #FFFFA0

#2FD498 - #7BE963 - #FFFFA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FD498 0%, #7BE963 50%, #FFFFA0 100%);
    background: -webkit-linear-gradient(top, #2FD498 0%, #7BE963 50%, #FFFFA0 100%);
    background: linear-gradient(to bottom, #2FD498 0%, #7BE963 50%, #FFFFA0 100%);
}
</style>