#FFFBFB - #C8A8CE | 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 #FFFBFB to #C8A8CE

#FFFBFB #C8A8CE

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

#FFFBFB - #C8A8CE | 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 #FFFBFB as 0% and #C8A8CE as 100%.

0.0%	0.0% #FFFBFB	RGB 255 251 251	#FFFBFB
16.7%	16.7% #F5EDF3	RGB 245 237 243	#F5EDF3
33.3%	33.3% #ECDFEC	RGB 236 223 236	#ECDFEC
50.0%	50.0% #E3D1E4	RGB 227 209 228	#E3D1E4
66.7%	66.7% #DAC3DD	RGB 218 195 221	#DAC3DD
83.3%	83.3% #D1B5D5	RGB 209 181 213	#D1B5D5
100.0%	100.0% #C8A8CE	RGB 200 168 206	#C8A8CE

#FFFBFB #F5EDF3 #ECDFEC #E3D1E4 #DAC3DD #D1B5D5 #C8A8CE

#FFFBFB - #C8A8CE

HSV Blend

#FFFBFB - #C8A8CE | 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 #FFFBFB as 0% and #C8A8CE as 100%.

0.0%	0.0% #FFFBFB	RGB 255 251 251	#FFFBFB
16.7%	16.7% #F6ECEE	RGB 246 236 238	#F6ECEE
33.3%	33.3% #EEDDE4	RGB 238 221 228	#EEDDE4
50.0%	50.0% #E6CFDC	RGB 230 207 220	#E6CFDC
66.7%	66.7% #DEC1D7	RGB 222 193 215	#DEC1D7
83.3%	83.3% #D6B4D4	RGB 214 180 212	#D6B4D4
100.0%	100.0% #C8A8CE	RGB 200 168 206	#C8A8CE

#FFFBFB #F6ECEE #EEDDE4 #E6CFDC #DEC1D7 #D6B4D4 #C8A8CE

#FFFBFB - #E6CFDC - #C8A8CE

CSS codes

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

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