#FEECE2 - #EFB494 | 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 #FEECE2 to #EFB494

#FEECE2 #EFB494

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

#FEECE2 - #EFB494 | 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 #FEECE2 as 0% and #EFB494 as 100%.

0.0%	0.0% #FEECE2	RGB 254 236 226	#FEECE2
16.7%	16.7% #FBE2D5	RGB 251 226 213	#FBE2D5
33.3%	33.3% #F9D9C8	RGB 249 217 200	#F9D9C8
50.0%	50.0% #F6D0BB	RGB 246 208 187	#F6D0BB
66.7%	66.7% #F4C6AE	RGB 244 198 174	#F4C6AE
83.3%	83.3% #F1BDA1	RGB 241 189 161	#F1BDA1
100.0%	100.0% #EFB494	RGB 239 180 148	#EFB494

#FEECE2 #FBE2D5 #F9D9C8 #F6D0BB #F4C6AE #F1BDA1 #EFB494

#FEECE2 - #EFB494

HSV Blend

#FEECE2 - #EFB494 | 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 #FEECE2 as 0% and #EFB494 as 100%.

0.0%	0.0% #FEECE2	RGB 254 236 226	#FEECE2
16.7%	16.7% #FBE2D4	RGB 251 226 212	#FBE2D4
33.3%	33.3% #F9D8C7	RGB 249 216 199	#F9D8C7
50.0%	50.0% #F6CFB9	RGB 246 207 185	#F6CFB9
66.7%	66.7% #F4C6AD	RGB 244 198 173	#F4C6AD
83.3%	83.3% #F1BDA0	RGB 241 189 160	#F1BDA0
100.0%	100.0% #EFB494	RGB 239 180 148	#EFB494

#FEECE2 #FBE2D4 #F9D8C7 #F6CFB9 #F4C6AD #F1BDA0 #EFB494

#FEECE2 - #F6CFB9 - #EFB494

CSS codes

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

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