#FFFCD4 - #DFDF77 | 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 #FFFCD4 to #DFDF77

#FFFCD4 #DFDF77

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

#FFFCD4 - #DFDF77 | 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 #FFFCD4 as 0% and #DFDF77 as 100%.

0.0%	0.0% #FFFCD4	RGB 255 252 212	#FFFCD4
16.7%	16.7% #F9F7C4	RGB 249 247 196	#F9F7C4
33.3%	33.3% #F4F2B5	RGB 244 242 181	#F4F2B5
50.0%	50.0% #EFEDA5	RGB 239 237 165	#EFEDA5
66.7%	66.7% #E9E896	RGB 233 232 150	#E9E896
83.3%	83.3% #E4E386	RGB 228 227 134	#E4E386
100.0%	100.0% #DFDF77	RGB 223 223 119	#DFDF77

#FFFCD4 #F9F7C4 #F4F2B5 #EFEDA5 #E9E896 #E4E386 #DFDF77

#FFFCD4 - #DFDF77

HSV Blend

#FFFCD4 - #DFDF77 | 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 #FFFCD4 as 0% and #DFDF77 as 100%.

0.0%	0.0% #FFFCD4	RGB 255 252 212	#FFFCD4
16.7%	16.7% #F9F6C3	RGB 249 246 195	#F9F6C3
33.3%	33.3% #F4F1B2	RGB 244 241 178	#F4F1B2
50.0%	50.0% #EFECA3	RGB 239 236 163	#EFECA3
66.7%	66.7% #E9E793	RGB 233 231 147	#E9E793
83.3%	83.3% #E4E385	RGB 228 227 133	#E4E385
100.0%	100.0% #DFDF77	RGB 223 223 119	#DFDF77

#FFFCD4 #F9F6C3 #F4F1B2 #EFECA3 #E9E793 #E4E385 #DFDF77

#FFFCD4 - #EFECA3 - #DFDF77

CSS codes

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

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