#EDBC5A - #ECFF78 | 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 #EDBC5A to #ECFF78

#EDBC5A #ECFF78

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

#EDBC5A - #ECFF78 | 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 #EDBC5A as 0% and #ECFF78 as 100%.

0.0%	0.0% #EDBC5A	RGB 237 188 90	#EDBC5A
16.7%	16.7% #ECC75F	RGB 236 199 95	#ECC75F
33.3%	33.3% #ECD264	RGB 236 210 100	#ECD264
50.0%	50.0% #ECDD69	RGB 236 221 105	#ECDD69
66.7%	66.7% #ECE86E	RGB 236 232 110	#ECE86E
83.3%	83.3% #ECF373	RGB 236 243 115	#ECF373
100.0%	100.0% #ECFF78	RGB 236 255 120	#ECFF78

#EDBC5A #ECC75F #ECD264 #ECDD69 #ECE86E #ECF373 #ECFF78

#EDBC5A - #ECFF78

HSV Blend

#EDBC5A - #ECFF78 | 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 #EDBC5A as 0% and #ECFF78 as 100%.

0.0%	0.0% #EDBC59	RGB 237 188 89	#EDBC59
16.7%	16.7% #F0CB5E	RGB 240 203 94	#F0CB5E
33.3%	33.3% #F3D963	RGB 243 217 99	#F3D963
50.0%	50.0% #F6E868	RGB 246 232 104	#F6E868
66.7%	66.7% #F9F66D	RGB 249 246 109	#F9F66D
83.3%	83.3% #F3FC72	RGB 243 252 114	#F3FC72
100.0%	100.0% #ECFF78	RGB 236 255 120	#ECFF78

#EDBC59 #F0CB5E #F3D963 #F6E868 #F9F66D #F3FC72 #ECFF78

#EDBC5A - #F6E868 - #ECFF78

CSS codes

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

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