#EFEB8C - #FAF9DE | 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 #EFEB8C to #FAF9DE

#EFEB8C #FAF9DE

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

#EFEB8C - #FAF9DE | 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 #EFEB8C as 0% and #FAF9DE as 100%.

0.0%	0.0% #EFEB8C	RGB 239 235 140	#EFEB8C
16.7%	16.7% #F0ED99	RGB 240 237 153	#F0ED99
33.3%	33.3% #F2EFA7	RGB 242 239 167	#F2EFA7
50.0%	50.0% #F4F2B5	RGB 244 242 181	#F4F2B5
66.7%	66.7% #F6F4C2	RGB 246 244 194	#F6F4C2
83.3%	83.3% #F8F6D0	RGB 248 246 208	#F8F6D0
100.0%	100.0% #FAF9DE	RGB 250 249 222	#FAF9DE

#EFEB8C #F0ED99 #F2EFA7 #F4F2B5 #F6F4C2 #F8F6D0 #FAF9DE

#EFEB8C - #FAF9DE

HSV Blend

#EFEB8C - #FAF9DE | 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 #EFEB8C as 0% and #FAF9DE as 100%.

0.0%	0.0% #EFEB8C	RGB 239 235 140	#EFEB8C
16.7%	16.7% #F0ED99	RGB 240 237 153	#F0ED99
33.3%	33.3% #F2EFA6	RGB 242 239 166	#F2EFA6
50.0%	50.0% #F4F2B4	RGB 244 242 180	#F4F2B4
66.7%	66.7% #F6F4C1	RGB 246 244 193	#F6F4C1
83.3%	83.3% #F8F6CF	RGB 248 246 207	#F8F6CF
100.0%	100.0% #FAF9DE	RGB 250 249 222	#FAF9DE

#EFEB8C #F0ED99 #F2EFA6 #F4F2B4 #F6F4C1 #F8F6CF #FAF9DE

#EFEB8C - #F4F2B4 - #FAF9DE

CSS codes

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

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