#3BC472 - #FFFD8F | 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 #3BC472 to #FFFD8F

#3BC472 #FFFD8F

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

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

0.0%	0.0% #3BC472	RGB 59 196 114	#3BC472
16.7%	16.7% #5BCD76	RGB 91 205 118	#5BCD76
33.3%	33.3% #7CD77B	RGB 124 215 123	#7CD77B
50.0%	50.0% #9DE080	RGB 157 224 128	#9DE080
66.7%	66.7% #BDEA85	RGB 189 234 133	#BDEA85
83.3%	83.3% #DEF38A	RGB 222 243 138	#DEF38A
100.0%	100.0% #FFFD8F	RGB 255 253 143	#FFFD8F

#3BC472 #5BCD76 #7CD77B #9DE080 #BDEA85 #DEF38A #FFFD8F

#3BC472 - #FFFD8F

HSV Blend

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

0.0%	0.0% #3BC472	RGB 59 196 114	#3BC472
16.7%	16.7% #46CD5D	RGB 70 205 93	#46CD5D
33.3%	33.3% #5DD753	RGB 93 215 83	#5DD753
50.0%	50.0% #88E161	RGB 136 225 97	#88E161
66.7%	66.7% #B3EB6F	RGB 179 235 111	#B3EB6F
83.3%	83.3% #DBF57E	RGB 219 245 126	#DBF57E
100.0%	100.0% #FFFD8F	RGB 255 253 143	#FFFD8F

#3BC472 #46CD5D #5DD753 #88E161 #B3EB6F #DBF57E #FFFD8F

#3BC472 - #88E161 - #FFFD8F

CSS codes

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

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