#2DB65C - #FAFD85 | 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 #2DB65C to #FAFD85

#2DB65C #FAFD85

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

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

0.0%	0.0% #2DB65C	RGB 45 182 92	#2DB65C
16.7%	16.7% #4FC162	RGB 79 193 98	#4FC162
33.3%	33.3% #71CD69	RGB 113 205 105	#71CD69
50.0%	50.0% #93D970	RGB 147 217 112	#93D970
66.7%	66.7% #B5E577	RGB 181 229 119	#B5E577
83.3%	83.3% #D7F17E	RGB 215 241 126	#D7F17E
100.0%	100.0% #FAFD85	RGB 250 253 133	#FAFD85

#2DB65C #4FC162 #71CD69 #93D970 #B5E577 #D7F17E #FAFD85

#2DB65C - #FAFD85

HSV Blend

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

0.0%	0.0% #2DB65C	RGB 45 182 92	#2DB65C
16.7%	16.7% #38C149	RGB 56 193 73	#38C149
33.3%	33.3% #53CD45	RGB 83 205 69	#53CD45
50.0%	50.0% #7ED954	RGB 126 217 84	#7ED954
66.7%	66.7% #A8E563	RGB 168 229 99	#A8E563
83.3%	83.3% #D2F173	RGB 210 241 115	#D2F173
100.0%	100.0% #FAFD85	RGB 250 253 133	#FAFD85

#2DB65C #38C149 #53CD45 #7ED954 #A8E563 #D2F173 #FAFD85

#2DB65C - #7ED954 - #FAFD85

CSS codes

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

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