#EFC3A1 - #FAEDE4 | 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 #EFC3A1 to #FAEDE4

#EFC3A1 #FAEDE4

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

#EFC3A1 - #FAEDE4 | 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 #EFC3A1 as 0% and #FAEDE4 as 100%.

0.0%	0.0% #EFC3A1	RGB 239 195 161	#EFC3A1
16.7%	16.7% #F0CAAC	RGB 240 202 172	#F0CAAC
33.3%	33.3% #F2D1B7	RGB 242 209 183	#F2D1B7
50.0%	50.0% #F4D8C2	RGB 244 216 194	#F4D8C2
66.7%	66.7% #F6DFCD	RGB 246 223 205	#F6DFCD
83.3%	83.3% #F8E6D8	RGB 248 230 216	#F8E6D8
100.0%	100.0% #FAEDE4	RGB 250 237 228	#FAEDE4

#EFC3A1 #F0CAAC #F2D1B7 #F4D8C2 #F6DFCD #F8E6D8 #FAEDE4

#EFC3A1 - #FAEDE4

HSV Blend

#EFC3A1 - #FAEDE4 | 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 #EFC3A1 as 0% and #FAEDE4 as 100%.

0.0%	0.0% #EFC3A1	RGB 239 195 161	#EFC3A1
16.7%	16.7% #F0C9AB	RGB 240 201 171	#F0C9AB
33.3%	33.3% #F2D0B6	RGB 242 208 182	#F2D0B6
50.0%	50.0% #F4D7C1	RGB 244 215 193	#F4D7C1
66.7%	66.7% #F6DECD	RGB 246 222 205	#F6DECD
83.3%	83.3% #F8E5D8	RGB 248 229 216	#F8E5D8
100.0%	100.0% #FAEDE4	RGB 250 237 228	#FAEDE4

#EFC3A1 #F0C9AB #F2D0B6 #F4D7C1 #F6DECD #F8E5D8 #FAEDE4

#EFC3A1 - #F4D7C1 - #FAEDE4

CSS codes

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

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