#3CBD5E - #FFFC85 | 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 #3CBD5E to #FFFC85

#3CBD5E #FFFC85

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

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

0.0%	0.0% #3CBD5E	RGB 60 189 94	#3CBD5E
16.7%	16.7% #5CC764	RGB 92 199 100	#5CC764
33.3%	33.3% #7DD26B	RGB 125 210 107	#7DD26B
50.0%	50.0% #9DDC71	RGB 157 220 113	#9DDC71
66.7%	66.7% #BEE778	RGB 190 231 120	#BEE778
83.3%	83.3% #DEF17E	RGB 222 241 126	#DEF17E
100.0%	100.0% #FFFC85	RGB 255 252 133	#FFFC85

#3CBD5E #5CC764 #7DD26B #9DDC71 #BEE778 #DEF17E #FFFC85

#3CBD5E - #FFFC85

HSV Blend

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

0.0%	0.0% #3CBD5E	RGB 60 189 94	#3CBD5E
16.7%	16.7% #46C84C	RGB 70 200 76	#46C84C
33.3%	33.3% #66D351	RGB 102 211 81	#66D351
50.0%	50.0% #8EDE5D	RGB 142 222 93	#8EDE5D
66.7%	66.7% #B5E969	RGB 181 233 105	#B5E969
83.3%	83.3% #DCF476	RGB 220 244 118	#DCF476
100.0%	100.0% #FFFC85	RGB 255 252 133	#FFFC85

#3CBD5E #46C84C #66D351 #8EDE5D #B5E969 #DCF476 #FFFC85

#3CBD5E - #8EDE5D - #FFFC85

CSS codes

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

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