#3AC242 - #FFDA8C | 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 #3AC242 to #FFDA8C

#3AC242 #FFDA8C

Calculate the color between two colors, #3AC242 and #FFDA8C. 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)

#3AC242 - #FFDA8C | 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 #3AC242 as 0% and #FFDA8C as 100%.

0.0%	0.0% #3AC242	RGB 58 194 66	#3AC242
16.7%	16.7% #5AC64E	RGB 90 198 78	#5AC64E
33.3%	33.3% #7BCA5A	RGB 123 202 90	#7BCA5A
50.0%	50.0% #9CCE67	RGB 156 206 103	#9CCE67
66.7%	66.7% #BDD273	RGB 189 210 115	#BDD273
83.3%	83.3% #DED67F	RGB 222 214 127	#DED67F
100.0%	100.0% #FFDA8C	RGB 255 218 140	#FFDA8C

#3AC242 #5AC64E #7BCA5A #9CCE67 #BDD273 #DED67F #FFDA8C

#3AC242 - #FFDA8C

HSV Blend

#3AC242 - #FFDA8C | 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 #3AC242 as 0% and #FFDA8C as 100%.

0.0%	0.0% #3AC242	RGB 58 194 66	#3AC242
16.7%	16.7% #5CCC45	RGB 92 204 69	#5CCC45
33.3%	33.3% #87D651	RGB 135 214 81	#87D651
50.0%	50.0% #B0E05F	RGB 176 224 95	#B0E05F
66.7%	66.7% #D9EA6D	RGB 217 234 109	#D9EA6D
83.3%	83.3% #F4E97C	RGB 244 233 124	#F4E97C
100.0%	100.0% #FFDA8C	RGB 255 218 140	#FFDA8C

#3AC242 #5CCC45 #87D651 #B0E05F #D9EA6D #F4E97C #FFDA8C

#3AC242 - #B0E05F - #FFDA8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC242 0%, #B0E05F 50%, #FFDA8C 100%);
    background: -webkit-linear-gradient(top, #3AC242 0%, #B0E05F 50%, #FFDA8C 100%);
    background: linear-gradient(to bottom, #3AC242 0%, #B0E05F 50%, #FFDA8C 100%);
}
</style>