#3CBE5C - #EDDEA8 | 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 #3CBE5C to #EDDEA8

#3CBE5C #EDDEA8

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

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

0.0%	0.0% #3CBE5C	RGB 60 190 92	#3CBE5C
16.7%	16.7% #59C368	RGB 89 195 104	#59C368
33.3%	33.3% #77C875	RGB 119 200 117	#77C875
50.0%	50.0% #94CE82	RGB 148 206 130	#94CE82
66.7%	66.7% #B2D38E	RGB 178 211 142	#B2D38E
83.3%	83.3% #CFD89B	RGB 207 216 155	#CFD89B
100.0%	100.0% #EDDEA8	RGB 237 222 168	#EDDEA8

#3CBE5C #59C368 #77C875 #94CE82 #B2D38E #CFD89B #EDDEA8

#3CBE5C - #EDDEA8

HSV Blend

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

0.0%	0.0% #3CBE5C	RGB 60 190 92	#3CBE5C
16.7%	16.7% #4BC54B	RGB 75 197 75	#4BC54B
33.3%	33.3% #77CD5B	RGB 119 205 91	#77CD5B
50.0%	50.0% #9FD56D	RGB 159 213 109	#9FD56D
66.7%	66.7% #C4DD7F	RGB 196 221 127	#C4DD7F
83.3%	83.3% #E2E593	RGB 226 229 147	#E2E593
100.0%	100.0% #EDDEA8	RGB 237 222 168	#EDDEA8

#3CBE5C #4BC54B #77CD5B #9FD56D #C4DD7F #E2E593 #EDDEA8

#3CBE5C - #9FD56D - #EDDEA8

CSS codes

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

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