#DEC8C4 - #FFFCD7 | 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 #DEC8C4 to #FFFCD7

#DEC8C4 #FFFCD7

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

#DEC8C4 - #FFFCD7 | 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 #DEC8C4 as 0% and #FFFCD7 as 100%.

0.0%	0.0% #DEC8C4	RGB 222 200 196	#DEC8C4
16.7%	16.7% #E3D0C7	RGB 227 208 199	#E3D0C7
33.3%	33.3% #E9D9CA	RGB 233 217 202	#E9D9CA
50.0%	50.0% #EEE2CD	RGB 238 226 205	#EEE2CD
66.7%	66.7% #F4EAD0	RGB 244 234 208	#F4EAD0
83.3%	83.3% #F9F3D3	RGB 249 243 211	#F9F3D3
100.0%	100.0% #FFFCD7	RGB 255 252 215	#FFFCD7

#DEC8C4 #E3D0C7 #E9D9CA #EEE2CD #F4EAD0 #F9F3D3 #FFFCD7

#DEC8C4 - #FFFCD7

HSV Blend

#DEC8C4 - #FFFCD7 | 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 #DEC8C4 as 0% and #FFFCD7 as 100%.

0.0%	0.0% #DEC8C4	RGB 222 200 196	#DEC8C4
16.7%	16.7% #E3CFC7	RGB 227 207 199	#E3CFC7
33.3%	33.3% #E9D7CA	RGB 233 215 202	#E9D7CA
50.0%	50.0% #EEDFCD	RGB 238 223 205	#EEDFCD
66.7%	66.7% #F4E8D0	RGB 244 232 208	#F4E8D0
83.3%	83.3% #F9F1D4	RGB 249 241 212	#F9F1D4
100.0%	100.0% #FFFCD7	RGB 255 252 215	#FFFCD7

#DEC8C4 #E3CFC7 #E9D7CA #EEDFCD #F4E8D0 #F9F1D4 #FFFCD7

#DEC8C4 - #EEDFCD - #FFFCD7

CSS codes

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

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