#FCECAC - #E8C154 | 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 #FCECAC to #E8C154

#FCECAC #E8C154

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

#FCECAC - #E8C154 | 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 #FCECAC as 0% and #E8C154 as 100%.

0.0%	0.0% #FCECAC	RGB 252 236 172	#FCECAC
16.7%	16.7% #F8E49D	RGB 248 228 157	#F8E49D
33.3%	33.3% #F5DD8E	RGB 245 221 142	#F5DD8E
50.0%	50.0% #F2D680	RGB 242 214 128	#F2D680
66.7%	66.7% #EECF71	RGB 238 207 113	#EECF71
83.3%	83.3% #EBC862	RGB 235 200 98	#EBC862
100.0%	100.0% #E8C154	RGB 232 193 84	#E8C154

#FCECAC #F8E49D #F5DD8E #F2D680 #EECF71 #EBC862 #E8C154

#FCECAC - #E8C154

HSV Blend

#FCECAC - #E8C154 | 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 #FCECAC as 0% and #E8C154 as 100%.

0.0%	0.0% #FCECAC	RGB 252 236 172	#FCECAC
16.7%	16.7% #F8E59C	RGB 248 229 156	#F8E59C
33.3%	33.3% #F5DE8D	RGB 245 222 141	#F5DE8D
50.0%	50.0% #F2D77E	RGB 242 215 126	#F2D77E
66.7%	66.7% #EECF6F	RGB 238 207 111	#EECF6F
83.3%	83.3% #EBC861	RGB 235 200 97	#EBC861
100.0%	100.0% #E8C154	RGB 232 193 84	#E8C154

#FCECAC #F8E59C #F5DE8D #F2D77E #EECF6F #EBC861 #E8C154

#FCECAC - #F2D77E - #E8C154

CSS codes

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

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