#ECEB3A - #F8F9C6 | 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 #ECEB3A to #F8F9C6

#ECEB3A #F8F9C6

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

#ECEB3A - #F8F9C6 | 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 #ECEB3A as 0% and #F8F9C6 as 100%.

0.0%	0.0% #ECEB3A	RGB 236 235 58	#ECEB3A
16.7%	16.7% #EEED51	RGB 238 237 81	#EEED51
33.3%	33.3% #F0EF68	RGB 240 239 104	#F0EF68
50.0%	50.0% #F2F280	RGB 242 242 128	#F2F280
66.7%	66.7% #F4F497	RGB 244 244 151	#F4F497
83.3%	83.3% #F6F6AE	RGB 246 246 174	#F6F6AE
100.0%	100.0% #F8F9C6	RGB 248 249 198	#F8F9C6

#ECEB3A #EEED51 #F0EF68 #F2F280 #F4F497 #F6F6AE #F8F9C6

#ECEB3A - #F8F9C6

HSV Blend

#ECEB3A - #F8F9C6 | 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 #ECEB3A as 0% and #F8F9C6 as 100%.

0.0%	0.0% #ECEB3A	RGB 236 235 58	#ECEB3A
16.7%	16.7% #EEED50	RGB 238 237 80	#EEED50
33.3%	33.3% #EFF067	RGB 239 240 103	#EFF067
50.0%	50.0% #F1F27E	RGB 241 242 126	#F1F27E
66.7%	66.7% #F3F495	RGB 243 244 149	#F3F495
83.3%	83.3% #F5F6AD	RGB 245 246 173	#F5F6AD
100.0%	100.0% #F8F9C6	RGB 248 249 198	#F8F9C6

#ECEB3A #EEED50 #EFF067 #F1F27E #F3F495 #F5F6AD #F8F9C6

#ECEB3A - #F1F27E - #F8F9C6

CSS codes

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

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