#FEDAB5 - #FEF3E9 | 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 #FEDAB5 to #FEF3E9

#FEDAB5 #FEF3E9

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

#FEDAB5 - #FEF3E9 | 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 #FEDAB5 as 0% and #FEF3E9 as 100%.

0.0%	0.0% #FEDAB5	RGB 254 218 181	#FEDAB5
16.7%	16.7% #FEDEBD	RGB 254 222 189	#FEDEBD
33.3%	33.3% #FEE2C6	RGB 254 226 198	#FEE2C6
50.0%	50.0% #FEE6CF	RGB 254 230 207	#FEE6CF
66.7%	66.7% #FEEAD7	RGB 254 234 215	#FEEAD7
83.3%	83.3% #FEEEE0	RGB 254 238 224	#FEEEE0
100.0%	100.0% #FEF3E9	RGB 254 243 233	#FEF3E9

#FEDAB5 #FEDEBD #FEE2C6 #FEE6CF #FEEAD7 #FEEEE0 #FEF3E9

#FEDAB5 - #FEF3E9

HSV Blend

#FEDAB5 - #FEF3E9 | 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 #FEDAB5 as 0% and #FEF3E9 as 100%.

0.0%	0.0% #FEDAB5	RGB 254 218 181	#FEDAB5
16.7%	16.7% #FEDDBD	RGB 254 221 189	#FEDDBD
33.3%	33.3% #FEE1C6	RGB 254 225 198	#FEE1C6
50.0%	50.0% #FEE6CF	RGB 254 230 207	#FEE6CF
66.7%	66.7% #FEEAD7	RGB 254 234 215	#FEEAD7
83.3%	83.3% #FEEEE0	RGB 254 238 224	#FEEEE0
100.0%	100.0% #FEF3E9	RGB 254 243 233	#FEF3E9

#FEDAB5 #FEDDBD #FEE1C6 #FEE6CF #FEEAD7 #FEEEE0 #FEF3E9

#FEDAB5 - #FEE6CF - #FEF3E9

CSS codes

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

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