#ECF96A - #F9FDD4 | 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 #ECF96A to #F9FDD4

#ECF96A #F9FDD4

Calculate the color between two colors, #ECF96A and #F9FDD4. 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)

#ECF96A - #F9FDD4 | 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 #ECF96A as 0% and #F9FDD4 as 100%.

0.0%	0.0% #ECF96A	RGB 236 249 106	#ECF96A
16.7%	16.7% #EEF97B	RGB 238 249 123	#EEF97B
33.3%	33.3% #F0FA8D	RGB 240 250 141	#F0FA8D
50.0%	50.0% #F2FB9F	RGB 242 251 159	#F2FB9F
66.7%	66.7% #F4FBB0	RGB 244 251 176	#F4FBB0
83.3%	83.3% #F6FCC2	RGB 246 252 194	#F6FCC2
100.0%	100.0% #F9FDD4	RGB 249 253 212	#F9FDD4

#ECF96A #EEF97B #F0FA8D #F2FB9F #F4FBB0 #F6FCC2 #F9FDD4

#ECF96A - #F9FDD4

HSV Blend

#ECF96A - #F9FDD4 | 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 #ECF96A as 0% and #F9FDD4 as 100%.

0.0%	0.0% #ECF96A	RGB 236 249 106	#ECF96A
16.7%	16.7% #EEF97B	RGB 238 249 123	#EEF97B
33.3%	33.3% #F0FA8C	RGB 240 250 140	#F0FA8C
50.0%	50.0% #F2FB9E	RGB 242 251 158	#F2FB9E
66.7%	66.7% #F4FBB0	RGB 244 251 176	#F4FBB0
83.3%	83.3% #F6FCC2	RGB 246 252 194	#F6FCC2
100.0%	100.0% #F9FDD4	RGB 249 253 212	#F9FDD4

#ECF96A #EEF97B #F0FA8C #F2FB9E #F4FBB0 #F6FCC2 #F9FDD4

#ECF96A - #F2FB9E - #F9FDD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ECF96A 0%, #F2FB9E 50%, #F9FDD4 100%);
    background: -webkit-linear-gradient(top, #ECF96A 0%, #F2FB9E 50%, #F9FDD4 100%);
    background: linear-gradient(to bottom, #ECF96A 0%, #F2FB9E 50%, #F9FDD4 100%);
}
</style>