#FECCAA - #FEEFE6 | 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 #FECCAA to #FEEFE6

#FECCAA #FEEFE6

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

#FECCAA - #FEEFE6 | 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 #FECCAA as 0% and #FEEFE6 as 100%.

0.0%	0.0% #FECCAA	RGB 254 204 170	#FECCAA
16.7%	16.7% #FED1B4	RGB 254 209 180	#FED1B4
33.3%	33.3% #FED7BE	RGB 254 215 190	#FED7BE
50.0%	50.0% #FEDDC8	RGB 254 221 200	#FEDDC8
66.7%	66.7% #FEE3D2	RGB 254 227 210	#FEE3D2
83.3%	83.3% #FEE9DC	RGB 254 233 220	#FEE9DC
100.0%	100.0% #FEEFE6	RGB 254 239 230	#FEEFE6

#FECCAA #FED1B4 #FED7BE #FEDDC8 #FEE3D2 #FEE9DC #FEEFE6

#FECCAA - #FEEFE6

HSV Blend

#FECCAA - #FEEFE6 | 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 #FECCAA as 0% and #FEEFE6 as 100%.

0.0%	0.0% #FECCAA	RGB 254 204 170	#FECCAA
16.7%	16.7% #FED1B4	RGB 254 209 180	#FED1B4
33.3%	33.3% #FED7BE	RGB 254 215 190	#FED7BE
50.0%	50.0% #FEDDC8	RGB 254 221 200	#FEDDC8
66.7%	66.7% #FEE2D2	RGB 254 226 210	#FEE2D2
83.3%	83.3% #FEE8DC	RGB 254 232 220	#FEE8DC
100.0%	100.0% #FEEFE6	RGB 254 239 230	#FEEFE6

#FECCAA #FED1B4 #FED7BE #FEDDC8 #FEE2D2 #FEE8DC #FEEFE6

#FECCAA - #FEDDC8 - #FEEFE6

CSS codes

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

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