#FFEB78 - #ECBF28 | 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 #FFEB78 to #ECBF28

#FFEB78 #ECBF28

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

#FFEB78 - #ECBF28 | 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 #FFEB78 as 0% and #ECBF28 as 100%.

0.0%	0.0% #FFEB78	RGB 255 235 120	#FFEB78
16.7%	16.7% #FBE36A	RGB 251 227 106	#FBE36A
33.3%	33.3% #F8DC5D	RGB 248 220 93	#F8DC5D
50.0%	50.0% #F5D550	RGB 245 213 80	#F5D550
66.7%	66.7% #F2CD42	RGB 242 205 66	#F2CD42
83.3%	83.3% #EFC635	RGB 239 198 53	#EFC635
100.0%	100.0% #ECBF28	RGB 236 191 40	#ECBF28

#FFEB78 #FBE36A #F8DC5D #F5D550 #F2CD42 #EFC635 #ECBF28

#FFEB78 - #ECBF28

HSV Blend

#FFEB78 - #ECBF28 | 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 #FFEB78 as 0% and #ECBF28 as 100%.

0.0%	0.0% #FFEB78	RGB 255 235 120	#FFEB78
16.7%	16.7% #FBE469	RGB 251 228 105	#FBE469
33.3%	33.3% #F8DD5C	RGB 248 221 92	#F8DD5C
50.0%	50.0% #F5D54E	RGB 245 213 78	#F5D54E
66.7%	66.7% #F2CE41	RGB 242 206 65	#F2CE41
83.3%	83.3% #EFC634	RGB 239 198 52	#EFC634
100.0%	100.0% #ECBF28	RGB 236 191 40	#ECBF28

#FFEB78 #FBE469 #F8DD5C #F5D54E #F2CE41 #EFC634 #ECBF28

#FFEB78 - #F5D54E - #ECBF28

CSS codes

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

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