#CDCEC5 - #FFFBD3 | 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 #CDCEC5 to #FFFBD3

#CDCEC5 #FFFBD3

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

#CDCEC5 - #FFFBD3 | 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 #CDCEC5 as 0% and #FFFBD3 as 100%.

0.0%	0.0% #CDCEC5	RGB 205 206 197	#CDCEC5
16.7%	16.7% #D5D5C7	RGB 213 213 199	#D5D5C7
33.3%	33.3% #DDDDC9	RGB 221 221 201	#DDDDC9
50.0%	50.0% #E6E4CC	RGB 230 228 204	#E6E4CC
66.7%	66.7% #EEECCE	RGB 238 236 206	#EEECCE
83.3%	83.3% #F6F3D0	RGB 246 243 208	#F6F3D0
100.0%	100.0% #FFFBD3	RGB 255 251 211	#FFFBD3

#CDCEC5 #D5D5C7 #DDDDC9 #E6E4CC #EEECCE #F6F3D0 #FFFBD3

#CDCEC5 - #FFFBD3

HSV Blend

#CDCEC5 - #FFFBD3 | 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 #CDCEC5 as 0% and #FFFBD3 as 100%.

0.0%	0.0% #CDCEC5	RGB 205 206 197	#CDCEC5
16.7%	16.7% #D5D6C8	RGB 213 214 200	#D5D6C8
33.3%	33.3% #DDDECB	RGB 221 222 203	#DDDECB
50.0%	50.0% #E6E6CD	RGB 230 230 205	#E6E6CD
66.7%	66.7% #EEEDCF	RGB 238 237 207	#EEEDCF
83.3%	83.3% #F6F4D1	RGB 246 244 209	#F6F4D1
100.0%	100.0% #FFFBD3	RGB 255 251 211	#FFFBD3

#CDCEC5 #D5D6C8 #DDDECB #E6E6CD #EEEDCF #F6F4D1 #FFFBD3

#CDCEC5 - #E6E6CD - #FFFBD3

CSS codes

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

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