#FCFBCB - #E2DC76 | 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 #FCFBCB to #E2DC76

#FCFBCB #E2DC76

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

#FCFBCB - #E2DC76 | 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 #FCFBCB as 0% and #E2DC76 as 100%.

0.0%	0.0% #FCFBCB	RGB 252 251 203	#FCFBCB
16.7%	16.7% #F7F5BC	RGB 247 245 188	#F7F5BC
33.3%	33.3% #F3F0AE	RGB 243 240 174	#F3F0AE
50.0%	50.0% #EFEBA0	RGB 239 235 160	#EFEBA0
66.7%	66.7% #EAE692	RGB 234 230 146	#EAE692
83.3%	83.3% #E6E184	RGB 230 225 132	#E6E184
100.0%	100.0% #E2DC76	RGB 226 220 118	#E2DC76

#FCFBCB #F7F5BC #F3F0AE #EFEBA0 #EAE692 #E6E184 #E2DC76

#FCFBCB - #E2DC76

HSV Blend

#FCFBCB - #E2DC76 | 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 #FCFBCB as 0% and #E2DC76 as 100%.

0.0%	0.0% #FCFBCB	RGB 252 251 203	#FCFBCB
16.7%	16.7% #F7F6BB	RGB 247 246 187	#F7F6BB
33.3%	33.3% #F3F1AD	RGB 243 241 173	#F3F1AD
50.0%	50.0% #EFEB9E	RGB 239 235 158	#EFEB9E
66.7%	66.7% #EAE690	RGB 234 230 144	#EAE690
83.3%	83.3% #E6E183	RGB 230 225 131	#E6E183
100.0%	100.0% #E2DC76	RGB 226 220 118	#E2DC76

#FCFBCB #F7F6BB #F3F1AD #EFEB9E #EAE690 #E6E183 #E2DC76

#FCFBCB - #EFEB9E - #E2DC76

CSS codes

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

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