#FFFBF8 - #CFBCAF | 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 #FFFBF8 to #CFBCAF

#FFFBF8 #CFBCAF

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

#FFFBF8 - #CFBCAF | 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 #FFFBF8 as 0% and #CFBCAF as 100%.

0.0%	0.0% #FFFBF8	RGB 255 251 248	#FFFBF8
16.7%	16.7% #F7F0EB	RGB 247 240 235	#F7F0EB
33.3%	33.3% #EFE6DF	RGB 239 230 223	#EFE6DF
50.0%	50.0% #E7DBD3	RGB 231 219 211	#E7DBD3
66.7%	66.7% #DFD1C7	RGB 223 209 199	#DFD1C7
83.3%	83.3% #D7C6BB	RGB 215 198 187	#D7C6BB
100.0%	100.0% #CFBCAF	RGB 207 188 175	#CFBCAF

#FFFBF8 #F7F0EB #EFE6DF #E7DBD3 #DFD1C7 #D7C6BB #CFBCAF

#FFFBF8 - #CFBCAF

HSV Blend

#FFFBF8 - #CFBCAF | 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 #FFFBF8 as 0% and #CFBCAF as 100%.

0.0%	0.0% #FFFBF8	RGB 255 251 248	#FFFBF8
16.7%	16.7% #F7F0EA	RGB 247 240 234	#F7F0EA
33.3%	33.3% #EFE5DE	RGB 239 229 222	#EFE5DE
50.0%	50.0% #E7DAD1	RGB 231 218 209	#E7DAD1
66.7%	66.7% #DFD0C5	RGB 223 208 197	#DFD0C5
83.3%	83.3% #D7C6BA	RGB 215 198 186	#D7C6BA
100.0%	100.0% #CFBCAF	RGB 207 188 175	#CFBCAF

#FFFBF8 #F7F0EA #EFE5DE #E7DAD1 #DFD0C5 #D7C6BA #CFBCAF

#FFFBF8 - #E7DAD1 - #CFBCAF

CSS codes

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

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