#3CBA3C - #FFFF70 | 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 #3CBA3C to #FFFF70

#3CBA3C #FFFF70

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

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

0.0%	0.0% #3CBA3C	RGB 60 186 60	#3CBA3C
16.7%	16.7% #5CC544	RGB 92 197 68	#5CC544
33.3%	33.3% #7DD14D	RGB 125 209 77	#7DD14D
50.0%	50.0% #9DDC56	RGB 157 220 86	#9DDC56
66.7%	66.7% #BEE85E	RGB 190 232 94	#BEE85E
83.3%	83.3% #DEF367	RGB 222 243 103	#DEF367
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#3CBA3C #5CC544 #7DD14D #9DDC56 #BEE85E #DEF367 #FFFF70

#3CBA3C - #FFFF70

HSV Blend

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

0.0%	0.0% #3CBA3C	RGB 60 186 60	#3CBA3C
16.7%	16.7% #59C543	RGB 89 197 67	#59C543
33.3%	33.3% #78D14B	RGB 120 209 75	#78D14B
50.0%	50.0% #98DC53	RGB 152 220 83	#98DC53
66.7%	66.7% #B9E85C	RGB 185 232 92	#B9E85C
83.3%	83.3% #DBF366	RGB 219 243 102	#DBF366
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#3CBA3C #59C543 #78D14B #98DC53 #B9E85C #DBF366 #FFFF70

#3CBA3C - #98DC53 - #FFFF70

CSS codes

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

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