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

#E5CC4B #FFEB78

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

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

0.0%	0.0% #E5CC4B	RGB 229 204 75	#E5CC4B
16.7%	16.7% #E9D152	RGB 233 209 82	#E9D152
33.3%	33.3% #EDD65A	RGB 237 214 90	#EDD65A
50.0%	50.0% #F2DB61	RGB 242 219 97	#F2DB61
66.7%	66.7% #F6E069	RGB 246 224 105	#F6E069
83.3%	83.3% #FAE570	RGB 250 229 112	#FAE570
100.0%	100.0% #FFEB78	RGB 255 235 120	#FFEB78

#E5CC4B #E9D152 #EDD65A #F2DB61 #F6E069 #FAE570 #FFEB78

#E5CC4B - #FFEB78

HSV Blend

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

0.0%	0.0% #E5CC4B	RGB 229 204 75	#E5CC4B
16.7%	16.7% #E9D151	RGB 233 209 81	#E9D151
33.3%	33.3% #EDD659	RGB 237 214 89	#EDD659
50.0%	50.0% #F2DB60	RGB 242 219 96	#F2DB60
66.7%	66.7% #F6E068	RGB 246 224 104	#F6E068
83.3%	83.3% #FAE56F	RGB 250 229 111	#FAE56F
100.0%	100.0% #FFEB78	RGB 255 235 120	#FFEB78

#E5CC4B #E9D151 #EDD659 #F2DB60 #F6E068 #FAE56F #FFEB78

#E5CC4B - #F2DB60 - #FFEB78

CSS codes

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

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