#FDFFF9 - #CEBAA5 | 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 #FDFFF9 to #CEBAA5

#FDFFF9 #CEBAA5

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

#FDFFF9 - #CEBAA5 | 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 #FDFFF9 as 0% and #CEBAA5 as 100%.

0.0%	0.0% #FDFFF9	RGB 253 255 249	#FDFFF9
16.7%	16.7% #F5F3EB	RGB 245 243 235	#F5F3EB
33.3%	33.3% #EDE8DD	RGB 237 232 221	#EDE8DD
50.0%	50.0% #E5DCCF	RGB 229 220 207	#E5DCCF
66.7%	66.7% #DDD1C1	RGB 221 209 193	#DDD1C1
83.3%	83.3% #D5C5B3	RGB 213 197 179	#D5C5B3
100.0%	100.0% #CEBAA5	RGB 206 186 165	#CEBAA5

#FDFFF9 #F5F3EB #EDE8DD #E5DCCF #DDD1C1 #D5C5B3 #CEBAA5

#FDFFF9 - #CEBAA5

HSV Blend

#FDFFF9 - #CEBAA5 | 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 #FDFFF9 as 0% and #CEBAA5 as 100%.

0.0%	0.0% #FDFFF9	RGB 253 255 249	#FDFFF9
16.7%	16.7% #F4F6E9	RGB 244 246 233	#F4F6E9
33.3%	33.3% #EDEEDB	RGB 237 238 219	#EDEEDB
50.0%	50.0% #E6E4CC	RGB 230 228 204	#E6E4CC
66.7%	66.7% #DED7BF	RGB 222 215 191	#DED7BF
83.3%	83.3% #D6C9B1	RGB 214 201 177	#D6C9B1
100.0%	100.0% #CEBAA5	RGB 206 186 165	#CEBAA5

#FDFFF9 #F4F6E9 #EDEEDB #E6E4CC #DED7BF #D6C9B1 #CEBAA5

#FDFFF9 - #E6E4CC - #CEBAA5

CSS codes

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

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