#CFCDB4 - #FFEDC5 | 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 #CFCDB4 to #FFEDC5

#CFCDB4 #FFEDC5

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

#CFCDB4 - #FFEDC5 | 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 #CFCDB4 as 0% and #FFEDC5 as 100%.

0.0%	0.0% #CFCDB4	RGB 207 205 180	#CFCDB4
16.7%	16.7% #D7D2B6	RGB 215 210 182	#D7D2B6
33.3%	33.3% #DFD7B9	RGB 223 215 185	#DFD7B9
50.0%	50.0% #E7DDBC	RGB 231 221 188	#E7DDBC
66.7%	66.7% #EFE2BF	RGB 239 226 191	#EFE2BF
83.3%	83.3% #F7E7C2	RGB 247 231 194	#F7E7C2
100.0%	100.0% #FFEDC5	RGB 255 237 197	#FFEDC5

#CFCDB4 #D7D2B6 #DFD7B9 #E7DDBC #EFE2BF #F7E7C2 #FFEDC5

#CFCDB4 - #FFEDC5

HSV Blend

#CFCDB4 - #FFEDC5 | 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 #CFCDB4 as 0% and #FFEDC5 as 100%.

0.0%	0.0% #CFCDB4	RGB 207 205 180	#CFCDB4
16.7%	16.7% #D7D3B7	RGB 215 211 183	#D7D3B7
33.3%	33.3% #DFD9BA	RGB 223 217 186	#DFD9BA
50.0%	50.0% #E7DFBD	RGB 231 223 189	#E7DFBD
66.7%	66.7% #EFE4C0	RGB 239 228 192	#EFE4C0
83.3%	83.3% #F7E8C2	RGB 247 232 194	#F7E8C2
100.0%	100.0% #FFEDC5	RGB 255 237 197	#FFEDC5

#CFCDB4 #D7D3B7 #DFD9BA #E7DFBD #EFE4C0 #F7E8C2 #FFEDC5

#CFCDB4 - #E7DFBD - #FFEDC5

CSS codes

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

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