#FFFBF8 - #CFA3AC | 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 #CFA3AC

#FFFBF8 #CFA3AC

Calculate the color between two colors, #FFFBF8 and #CFA3AC. 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 - #CFA3AC | 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 #CFA3AC as 100%.

0.0%	0.0% #FFFBF8	RGB 255 251 248	#FFFBF8
16.7%	16.7% #F7ECEB	RGB 247 236 235	#F7ECEB
33.3%	33.3% #EFDDDE	RGB 239 221 222	#EFDDDE
50.0%	50.0% #E7CFD2	RGB 231 207 210	#E7CFD2
66.7%	66.7% #DFC0C5	RGB 223 192 197	#DFC0C5
83.3%	83.3% #D7B1B8	RGB 215 177 184	#D7B1B8
100.0%	100.0% #CFA3AC	RGB 207 163 172	#CFA3AC

#FFFBF8 #F7ECEB #EFDDDE #E7CFD2 #DFC0C5 #D7B1B8 #CFA3AC

#FFFBF8 - #CFA3AC

HSV Blend

#FFFBF8 - #CFA3AC | 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 #CFA3AC as 100%.

0.0%	0.0% #FFFBF8	RGB 255 251 248	#FFFBF8
16.7%	16.7% #F7EDE8	RGB 247 237 232	#F7EDE8
33.3%	33.3% #EFDED9	RGB 239 222 217	#EFDED9
50.0%	50.0% #E7CECB	RGB 231 206 203	#E7CECB
66.7%	66.7% #DFBDBD	RGB 223 189 189	#DFBDBD
83.3%	83.3% #D7AFB3	RGB 215 175 179	#D7AFB3
100.0%	100.0% #CFA3AC	RGB 207 163 172	#CFA3AC

#FFFBF8 #F7EDE8 #EFDED9 #E7CECB #DFBDBD #D7AFB3 #CFA3AC

#FFFBF8 - #E7CECB - #CFA3AC

CSS codes

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

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