#D3CFB8 - #FFFDCE | 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 #D3CFB8 to #FFFDCE

#D3CFB8 #FFFDCE

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

#D3CFB8 - #FFFDCE | 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 #D3CFB8 as 0% and #FFFDCE as 100%.

0.0%	0.0% #D3CFB8	RGB 211 207 184	#D3CFB8
16.7%	16.7% #DAD6BB	RGB 218 214 187	#DAD6BB
33.3%	33.3% #E1DEBF	RGB 225 222 191	#E1DEBF
50.0%	50.0% #E9E6C3	RGB 233 230 195	#E9E6C3
66.7%	66.7% #F0EDC6	RGB 240 237 198	#F0EDC6
83.3%	83.3% #F7F5CA	RGB 247 245 202	#F7F5CA
100.0%	100.0% #FFFDCE	RGB 255 253 206	#FFFDCE

#D3CFB8 #DAD6BB #E1DEBF #E9E6C3 #F0EDC6 #F7F5CA #FFFDCE

#D3CFB8 - #FFFDCE

HSV Blend

#D3CFB8 - #FFFDCE | 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 #D3CFB8 as 0% and #FFFDCE as 100%.

0.0%	0.0% #D3CFB8	RGB 211 207 184	#D3CFB8
16.7%	16.7% #DAD6BC	RGB 218 214 188	#DAD6BC
33.3%	33.3% #E1DDBF	RGB 225 221 191	#E1DDBF
50.0%	50.0% #E9E5C3	RGB 233 229 195	#E9E5C3
66.7%	66.7% #F0EDC7	RGB 240 237 199	#F0EDC7
83.3%	83.3% #F7F5CA	RGB 247 245 202	#F7F5CA
100.0%	100.0% #FFFDCE	RGB 255 253 206	#FFFDCE

#D3CFB8 #DAD6BC #E1DDBF #E9E5C3 #F0EDC7 #F7F5CA #FFFDCE

#D3CFB8 - #E9E5C3 - #FFFDCE

CSS codes

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

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