#FCFCAC - #E4DF53 | 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 #FCFCAC to #E4DF53

#FCFCAC #E4DF53

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

#FCFCAC - #E4DF53 | 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 #FCFCAC as 0% and #E4DF53 as 100%.

0.0%	0.0% #FCFCAC	RGB 252 252 172	#FCFCAC
16.7%	16.7% #F8F79D	RGB 248 247 157	#F8F79D
33.3%	33.3% #F4F28E	RGB 244 242 142	#F4F28E
50.0%	50.0% #F0ED7F	RGB 240 237 127	#F0ED7F
66.7%	66.7% #ECE870	RGB 236 232 112	#ECE870
83.3%	83.3% #E8E361	RGB 232 227 97	#E8E361
100.0%	100.0% #E4DF53	RGB 228 223 83	#E4DF53

#FCFCAC #F8F79D #F4F28E #F0ED7F #ECE870 #E8E361 #E4DF53

#FCFCAC - #E4DF53

HSV Blend

#FCFCAC - #E4DF53 | 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 #FCFCAC as 0% and #E4DF53 as 100%.

0.0%	0.0% #FCFCAC	RGB 252 252 172	#FCFCAC
16.7%	16.7% #F8F79C	RGB 248 247 156	#F8F79C
33.3%	33.3% #F4F28C	RGB 244 242 140	#F4F28C
50.0%	50.0% #F0EE7D	RGB 240 238 125	#F0EE7D
66.7%	66.7% #ECE96E	RGB 236 233 110	#ECE96E
83.3%	83.3% #E8E460	RGB 232 228 96	#E8E460
100.0%	100.0% #E4DF53	RGB 228 223 83	#E4DF53

#FCFCAC #F8F79C #F4F28C #F0EE7D #ECE96E #E8E460 #E4DF53

#FCFCAC - #F0EE7D - #E4DF53

CSS codes

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

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