#EFC1A2 - #FAF3C5 | 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 #EFC1A2 to #FAF3C5

#EFC1A2 #FAF3C5

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

#EFC1A2 - #FAF3C5 | 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 #EFC1A2 as 0% and #FAF3C5 as 100%.

0.0%	0.0% #EFC1A2	RGB 239 193 162	#EFC1A2
16.7%	16.7% #F0C9A7	RGB 240 201 167	#F0C9A7
33.3%	33.3% #F2D1AD	RGB 242 209 173	#F2D1AD
50.0%	50.0% #F4DAB3	RGB 244 218 179	#F4DAB3
66.7%	66.7% #F6E2B9	RGB 246 226 185	#F6E2B9
83.3%	83.3% #F8EABF	RGB 248 234 191	#F8EABF
100.0%	100.0% #FAF3C5	RGB 250 243 197	#FAF3C5

#EFC1A2 #F0C9A7 #F2D1AD #F4DAB3 #F6E2B9 #F8EABF #FAF3C5

#EFC1A2 - #FAF3C5

HSV Blend

#EFC1A2 - #FAF3C5 | 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 #EFC1A2 as 0% and #FAF3C5 as 100%.

0.0%	0.0% #EFC1A2	RGB 239 193 162	#EFC1A2
16.7%	16.7% #F0CAA7	RGB 240 202 167	#F0CAA7
33.3%	33.3% #F2D4AD	RGB 242 212 173	#F2D4AD
50.0%	50.0% #F4DCB3	RGB 244 220 179	#F4DCB3
66.7%	66.7% #F6E4B9	RGB 246 228 185	#F6E4B9
83.3%	83.3% #F8ECBE	RGB 248 236 190	#F8ECBE
100.0%	100.0% #FAF3C5	RGB 250 243 197	#FAF3C5

#EFC1A2 #F0CAA7 #F2D4AD #F4DCB3 #F6E4B9 #F8ECBE #FAF3C5

#EFC1A2 - #F4DCB3 - #FAF3C5

CSS codes

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

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