#CFC1A8 - #F1EDE6 | 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 #CFC1A8 to #F1EDE6

#CFC1A8 #F1EDE6

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

#CFC1A8 - #F1EDE6 | 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 #CFC1A8 as 0% and #F1EDE6 as 100%.

0.0%	0.0% #CFC1A8	RGB 207 193 168	#CFC1A8
16.7%	16.7% #D4C8B2	RGB 212 200 178	#D4C8B2
33.3%	33.3% #DACFBC	RGB 218 207 188	#DACFBC
50.0%	50.0% #E0D7C7	RGB 224 215 199	#E0D7C7
66.7%	66.7% #E5DED1	RGB 229 222 209	#E5DED1
83.3%	83.3% #EBE5DB	RGB 235 229 219	#EBE5DB
100.0%	100.0% #F1EDE6	RGB 241 237 230	#F1EDE6

#CFC1A8 #D4C8B2 #DACFBC #E0D7C7 #E5DED1 #EBE5DB #F1EDE6

#CFC1A8 - #F1EDE6

HSV Blend

#CFC1A8 - #F1EDE6 | 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 #CFC1A8 as 0% and #F1EDE6 as 100%.

0.0%	0.0% #CFC1A8	RGB 207 193 168	#CFC1A8
16.7%	16.7% #D4C8B1	RGB 212 200 177	#D4C8B1
33.3%	33.3% #DACFBB	RGB 218 207 187	#DACFBB
50.0%	50.0% #E0D6C5	RGB 224 214 197	#E0D6C5
66.7%	66.7% #E5DDD0	RGB 229 221 208	#E5DDD0
83.3%	83.3% #EBE5DA	RGB 235 229 218	#EBE5DA
100.0%	100.0% #F1EDE6	RGB 241 237 230	#F1EDE6

#CFC1A8 #D4C8B1 #DACFBB #E0D6C5 #E5DDD0 #EBE5DA #F1EDE6

#CFC1A8 - #E0D6C5 - #F1EDE6

CSS codes

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

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