#FCFCAF - #E4DF56 | 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 #FCFCAF to #E4DF56

#FCFCAF #E4DF56

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

#FCFCAF - #E4DF56 | 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 #FCFCAF as 0% and #E4DF56 as 100%.

0.0%	0.0% #FCFCAF	RGB 252 252 175	#FCFCAF
16.7%	16.7% #F8F7A0	RGB 248 247 160	#F8F7A0
33.3%	33.3% #F4F291	RGB 244 242 145	#F4F291
50.0%	50.0% #F0ED82	RGB 240 237 130	#F0ED82
66.7%	66.7% #ECE873	RGB 236 232 115	#ECE873
83.3%	83.3% #E8E364	RGB 232 227 100	#E8E364
100.0%	100.0% #E4DF56	RGB 228 223 86	#E4DF56

#FCFCAF #F8F7A0 #F4F291 #F0ED82 #ECE873 #E8E364 #E4DF56

#FCFCAF - #E4DF56

HSV Blend

#FCFCAF - #E4DF56 | 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 #FCFCAF as 0% and #E4DF56 as 100%.

0.0%	0.0% #FCFCAF	RGB 252 252 175	#FCFCAF
16.7%	16.7% #F8F79F	RGB 248 247 159	#F8F79F
33.3%	33.3% #F4F28F	RGB 244 242 143	#F4F28F
50.0%	50.0% #F0EE80	RGB 240 238 128	#F0EE80
66.7%	66.7% #ECE971	RGB 236 233 113	#ECE971
83.3%	83.3% #E8E463	RGB 232 228 99	#E8E463
100.0%	100.0% #E4DF56	RGB 228 223 86	#E4DF56

#FCFCAF #F8F79F #F4F28F #F0EE80 #ECE971 #E8E463 #E4DF56

#FCFCAF - #F0EE80 - #E4DF56

CSS codes

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

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