#FCFDCF - #E6DFD2 | 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 #FCFDCF to #E6DFD2

#FCFDCF #E6DFD2

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

#FCFDCF - #E6DFD2 | 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 #FCFDCF as 0% and #E6DFD2 as 100%.

0.0%	0.0% #FCFDCF	RGB 252 253 207	#FCFDCF
16.7%	16.7% #F8F8CF	RGB 248 248 207	#F8F8CF
33.3%	33.3% #F4F3D0	RGB 244 243 208	#F4F3D0
50.0%	50.0% #F1EED0	RGB 241 238 208	#F1EED0
66.7%	66.7% #EDE9D1	RGB 237 233 209	#EDE9D1
83.3%	83.3% #E9E4D1	RGB 233 228 209	#E9E4D1
100.0%	100.0% #E6DFD2	RGB 230 223 210	#E6DFD2

#FCFDCF #F8F8CF #F4F3D0 #F1EED0 #EDE9D1 #E9E4D1 #E6DFD2

#FCFDCF - #E6DFD2

HSV Blend

#FCFDCF - #E6DFD2 | 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 #FCFDCF as 0% and #E6DFD2 as 100%.

0.0%	0.0% #FCFDCF	RGB 252 253 207	#FCFDCF
16.7%	16.7% #F9F7CF	RGB 249 247 207	#F9F7CF
33.3%	33.3% #F5F1D0	RGB 245 241 208	#F5F1D0
50.0%	50.0% #F1ECD1	RGB 241 236 209	#F1ECD1
66.7%	66.7% #EDE7D1	RGB 237 231 209	#EDE7D1
83.3%	83.3% #E9E2D1	RGB 233 226 209	#E9E2D1
100.0%	100.0% #E6DFD2	RGB 230 223 210	#E6DFD2

#FCFDCF #F9F7CF #F5F1D0 #F1ECD1 #EDE7D1 #E9E2D1 #E6DFD2

#FCFDCF - #F1ECD1 - #E6DFD2

CSS codes

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

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