#EFC4A1 - #FAEEE4 | 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 #EFC4A1 to #FAEEE4

#EFC4A1 #FAEEE4

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

#EFC4A1 - #FAEEE4 | 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 #EFC4A1 as 0% and #FAEEE4 as 100%.

0.0%	0.0% #EFC4A1	RGB 239 196 161	#EFC4A1
16.7%	16.7% #F0CBAC	RGB 240 203 172	#F0CBAC
33.3%	33.3% #F2D2B7	RGB 242 210 183	#F2D2B7
50.0%	50.0% #F4D9C2	RGB 244 217 194	#F4D9C2
66.7%	66.7% #F6E0CD	RGB 246 224 205	#F6E0CD
83.3%	83.3% #F8E7D8	RGB 248 231 216	#F8E7D8
100.0%	100.0% #FAEEE4	RGB 250 238 228	#FAEEE4

#EFC4A1 #F0CBAC #F2D2B7 #F4D9C2 #F6E0CD #F8E7D8 #FAEEE4

#EFC4A1 - #FAEEE4

HSV Blend

#EFC4A1 - #FAEEE4 | 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 #EFC4A1 as 0% and #FAEEE4 as 100%.

0.0%	0.0% #EFC4A1	RGB 239 196 161	#EFC4A1
16.7%	16.7% #F0CAAB	RGB 240 202 171	#F0CAAB
33.3%	33.3% #F2D1B6	RGB 242 209 182	#F2D1B6
50.0%	50.0% #F4D8C1	RGB 244 216 193	#F4D8C1
66.7%	66.7% #F6DFCD	RGB 246 223 205	#F6DFCD
83.3%	83.3% #F8E6D8	RGB 248 230 216	#F8E6D8
100.0%	100.0% #FAEEE4	RGB 250 238 228	#FAEEE4

#EFC4A1 #F0CAAB #F2D1B6 #F4D8C1 #F6DFCD #F8E6D8 #FAEEE4

#EFC4A1 - #F4D8C1 - #FAEEE4

CSS codes

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

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