#CFCAD4 - #FFFBD0 | 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 #CFCAD4 to #FFFBD0

#CFCAD4 #FFFBD0

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

#CFCAD4 - #FFFBD0 | 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 #CFCAD4 as 0% and #FFFBD0 as 100%.

0.0%	0.0% #CFCAD4	RGB 207 202 212	#CFCAD4
16.7%	16.7% #D7D2D3	RGB 215 210 211	#D7D2D3
33.3%	33.3% #DFDAD2	RGB 223 218 210	#DFDAD2
50.0%	50.0% #E7E2D2	RGB 231 226 210	#E7E2D2
66.7%	66.7% #EFEAD1	RGB 239 234 209	#EFEAD1
83.3%	83.3% #F7F2D0	RGB 247 242 208	#F7F2D0
100.0%	100.0% #FFFBD0	RGB 255 251 208	#FFFBD0

#CFCAD4 #D7D2D3 #DFDAD2 #E7E2D2 #EFEAD1 #F7F2D0 #FFFBD0

#CFCAD4 - #FFFBD0

HSV Blend

#CFCAD4 - #FFFBD0 | 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 #CFCAD4 as 0% and #FFFBD0 as 100%.

0.0%	0.0% #CFCAD4	RGB 207 202 212	#CFCAD4
16.7%	16.7% #D9CBDB	RGB 217 203 219	#D9CBDB
33.3%	33.3% #E2CDDB	RGB 226 205 219	#E2CDDB
50.0%	50.0% #E9CED6	RGB 233 206 214	#E9CED6
66.7%	66.7% #F0D2CF	RGB 240 210 207	#F0D2CF
83.3%	83.3% #F7E4CF	RGB 247 228 207	#F7E4CF
100.0%	100.0% #FFFBD0	RGB 255 251 208	#FFFBD0

#CFCAD4 #D9CBDB #E2CDDB #E9CED6 #F0D2CF #F7E4CF #FFFBD0

#CFCAD4 - #E9CED6 - #FFFBD0

CSS codes

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

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