#3CDA9D - #FFFEA1 | 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 #3CDA9D to #FFFEA1

#3CDA9D #FFFEA1

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

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

0.0%	0.0% #3CDA9D	RGB 60 218 157	#3CDA9D
16.7%	16.7% #5CE09D	RGB 92 224 157	#5CE09D
33.3%	33.3% #7DE69E	RGB 125 230 158	#7DE69E
50.0%	50.0% #9DEC9F	RGB 157 236 159	#9DEC9F
66.7%	66.7% #BEF29F	RGB 190 242 159	#BEF29F
83.3%	83.3% #DEF8A0	RGB 222 248 160	#DEF8A0
100.0%	100.0% #FFFEA1	RGB 255 254 161	#FFFEA1

#3CDA9D #5CE09D #7DE69E #9DEC9F #BEF29F #DEF8A0 #FFFEA1

#3CDA9D - #FFFEA1

HSV Blend

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

0.0%	0.0% #3CDA9D	RGB 60 218 157	#3CDA9D
16.7%	16.7% #4BE07E	RGB 75 224 126	#4BE07E
33.3%	33.3% #5AE664	RGB 90 230 100	#5AE664
50.0%	50.0% #84EC6B	RGB 132 236 107	#84EC6B
66.7%	66.7% #B3F27C	RGB 179 242 124	#B3F27C
83.3%	83.3% #DDF88E	RGB 221 248 142	#DDF88E
100.0%	100.0% #FFFEA1	RGB 255 254 161	#FFFEA1

#3CDA9D #4BE07E #5AE664 #84EC6B #B3F27C #DDF88E #FFFEA1

#3CDA9D - #84EC6B - #FFFEA1

CSS codes

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

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