#FCFDD9 - #DCDE6B | 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 #FCFDD9 to #DCDE6B

#FCFDD9 #DCDE6B

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

#FCFDD9 - #DCDE6B | 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 #FCFDD9 as 0% and #DCDE6B as 100%.

0.0%	0.0% #FCFDD9	RGB 252 253 217	#FCFDD9
16.7%	16.7% #F6F7C6	RGB 246 247 198	#F6F7C6
33.3%	33.3% #F1F2B4	RGB 241 242 180	#F1F2B4
50.0%	50.0% #ECEDA2	RGB 236 237 162	#ECEDA2
66.7%	66.7% #E6E88F	RGB 230 232 143	#E6E88F
83.3%	83.3% #E1E37D	RGB 225 227 125	#E1E37D
100.0%	100.0% #DCDE6B	RGB 220 222 107	#DCDE6B

#FCFDD9 #F6F7C6 #F1F2B4 #ECEDA2 #E6E88F #E1E37D #DCDE6B

#FCFDD9 - #DCDE6B

HSV Blend

#FCFDD9 - #DCDE6B | 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 #FCFDD9 as 0% and #DCDE6B as 100%.

0.0%	0.0% #FCFDD9	RGB 252 253 217	#FCFDD9
16.7%	16.7% #F6F7C5	RGB 246 247 197	#F6F7C5
33.3%	33.3% #F1F2B1	RGB 241 242 177	#F1F2B1
50.0%	50.0% #EBED9F	RGB 235 237 159	#EBED9F
66.7%	66.7% #E6E88D	RGB 230 232 141	#E6E88D
83.3%	83.3% #E1E37B	RGB 225 227 123	#E1E37B
100.0%	100.0% #DCDE6B	RGB 220 222 107	#DCDE6B

#FCFDD9 #F6F7C5 #F1F2B1 #EBED9F #E6E88D #E1E37B #DCDE6B

#FCFDD9 - #EBED9F - #DCDE6B

CSS codes

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

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