#EFED7E - #FAF9DA | 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 #EFED7E to #FAF9DA

#EFED7E #FAF9DA

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

#EFED7E - #FAF9DA | 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 #EFED7E as 0% and #FAF9DA as 100%.

0.0%	0.0% #EFED7E	RGB 239 237 126	#EFED7E
16.7%	16.7% #F0EF8D	RGB 240 239 141	#F0EF8D
33.3%	33.3% #F2F19C	RGB 242 241 156	#F2F19C
50.0%	50.0% #F4F3AC	RGB 244 243 172	#F4F3AC
66.7%	66.7% #F6F5BB	RGB 246 245 187	#F6F5BB
83.3%	83.3% #F8F7CA	RGB 248 247 202	#F8F7CA
100.0%	100.0% #FAF9DA	RGB 250 249 218	#FAF9DA

#EFED7E #F0EF8D #F2F19C #F4F3AC #F6F5BB #F8F7CA #FAF9DA

#EFED7E - #FAF9DA

HSV Blend

#EFED7E - #FAF9DA | 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 #EFED7E as 0% and #FAF9DA as 100%.

0.0%	0.0% #EFED7E	RGB 239 237 126	#EFED7E
16.7%	16.7% #F0EE8C	RGB 240 238 140	#F0EE8C
33.3%	33.3% #F2F09B	RGB 242 240 155	#F2F09B
50.0%	50.0% #F4F2AB	RGB 244 242 171	#F4F2AB
66.7%	66.7% #F6F4BA	RGB 246 244 186	#F6F4BA
83.3%	83.3% #F8F6CA	RGB 248 246 202	#F8F6CA
100.0%	100.0% #FAF9DA	RGB 250 249 218	#FAF9DA

#EFED7E #F0EE8C #F2F09B #F4F2AB #F6F4BA #F8F6CA #FAF9DA

#EFED7E - #F4F2AB - #FAF9DA

CSS codes

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

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