#D6CECE - #FFFBDF | 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 #D6CECE to #FFFBDF

#D6CECE #FFFBDF

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

#D6CECE - #FFFBDF | 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 #D6CECE as 0% and #FFFBDF as 100%.

0.0%	0.0% #D6CECE	RGB 214 206 206	#D6CECE
16.7%	16.7% #DCD5D0	RGB 220 213 208	#DCD5D0
33.3%	33.3% #E3DDD3	RGB 227 221 211	#E3DDD3
50.0%	50.0% #EAE4D6	RGB 234 228 214	#EAE4D6
66.7%	66.7% #F1ECD9	RGB 241 236 217	#F1ECD9
83.3%	83.3% #F8F3DC	RGB 248 243 220	#F8F3DC
100.0%	100.0% #FFFBDF	RGB 255 251 223	#FFFBDF

#D6CECE #DCD5D0 #E3DDD3 #EAE4D6 #F1ECD9 #F8F3DC #FFFBDF

#D6CECE - #FFFBDF

HSV Blend

#D6CECE - #FFFBDF | 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 #D6CECE as 0% and #FFFBDF as 100%.

0.0%	0.0% #D6CECE	RGB 214 206 206	#D6CECE
16.7%	16.7% #DCD3D1	RGB 220 211 209	#DCD3D1
33.3%	33.3% #E3D8D4	RGB 227 216 212	#E3D8D4
50.0%	50.0% #EADFD7	RGB 234 223 215	#EADFD7
66.7%	66.7% #F1E7DA	RGB 241 231 218	#F1E7DA
83.3%	83.3% #F8F0DC	RGB 248 240 220	#F8F0DC
100.0%	100.0% #FFFBDF	RGB 255 251 223	#FFFBDF

#D6CECE #DCD3D1 #E3D8D4 #EADFD7 #F1E7DA #F8F0DC #FFFBDF

#D6CECE - #EADFD7 - #FFFBDF

CSS codes

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

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