#EFC68F - #FAEFDF | 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 #EFC68F to #FAEFDF

#EFC68F #FAEFDF

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

#EFC68F - #FAEFDF | 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 #EFC68F as 0% and #FAEFDF as 100%.

0.0%	0.0% #EFC68F	RGB 239 198 143	#EFC68F
16.7%	16.7% #F0CC9C	RGB 240 204 156	#F0CC9C
33.3%	33.3% #F2D3A9	RGB 242 211 169	#F2D3A9
50.0%	50.0% #F4DAB7	RGB 244 218 183	#F4DAB7
66.7%	66.7% #F6E1C4	RGB 246 225 196	#F6E1C4
83.3%	83.3% #F8E8D1	RGB 248 232 209	#F8E8D1
100.0%	100.0% #FAEFDF	RGB 250 239 223	#FAEFDF

#EFC68F #F0CC9C #F2D3A9 #F4DAB7 #F6E1C4 #F8E8D1 #FAEFDF

#EFC68F - #FAEFDF

HSV Blend

#EFC68F - #FAEFDF | 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 #EFC68F as 0% and #FAEFDF as 100%.

0.0%	0.0% #EFC68F	RGB 239 198 143	#EFC68F
16.7%	16.7% #F0CC9B	RGB 240 204 155	#F0CC9B
33.3%	33.3% #F2D3A8	RGB 242 211 168	#F2D3A8
50.0%	50.0% #F4DAB6	RGB 244 218 182	#F4DAB6
66.7%	66.7% #F6E1C3	RGB 246 225 195	#F6E1C3
83.3%	83.3% #F8E8D1	RGB 248 232 209	#F8E8D1
100.0%	100.0% #FAEFDF	RGB 250 239 223	#FAEFDF

#EFC68F #F0CC9B #F2D3A8 #F4DAB6 #F6E1C3 #F8E8D1 #FAEFDF

#EFC68F - #F4DAB6 - #FAEFDF

CSS codes

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

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