#CFC8C9 - #FFEED5 | 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 #CFC8C9 to #FFEED5

#CFC8C9 #FFEED5

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

#CFC8C9 - #FFEED5 | 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 #CFC8C9 as 0% and #FFEED5 as 100%.

0.0%	0.0% #CFC8C9	RGB 207 200 201	#CFC8C9
16.7%	16.7% #D7CECB	RGB 215 206 203	#D7CECB
33.3%	33.3% #DFD4CD	RGB 223 212 205	#DFD4CD
50.0%	50.0% #E7DBCF	RGB 231 219 207	#E7DBCF
66.7%	66.7% #EFE1D1	RGB 239 225 209	#EFE1D1
83.3%	83.3% #F7E7D3	RGB 247 231 211	#F7E7D3
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#CFC8C9 #D7CECB #DFD4CD #E7DBCF #EFE1D1 #F7E7D3 #FFEED5

#CFC8C9 - #FFEED5

HSV Blend

#CFC8C9 - #FFEED5 | 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 #CFC8C9 as 0% and #FFEED5 as 100%.

0.0%	0.0% #CFC8C9	RGB 207 200 201	#CFC8C9
16.7%	16.7% #D7CBCB	RGB 215 203 203	#D7CBCB
33.3%	33.3% #DFCFCD	RGB 223 207 205	#DFCFCD
50.0%	50.0% #E7D5D0	RGB 231 213 208	#E7D5D0
66.7%	66.7% #EFDCD2	RGB 239 220 210	#EFDCD2
83.3%	83.3% #F7E4D3	RGB 247 228 211	#F7E4D3
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#CFC8C9 #D7CBCB #DFCFCD #E7D5D0 #EFDCD2 #F7E4D3 #FFEED5

#CFC8C9 - #E7D5D0 - #FFEED5

CSS codes

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

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