#CFC8C0 - #FFEFD3 | 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 #CFC8C0 to #FFEFD3

#CFC8C0 #FFEFD3

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

#CFC8C0 - #FFEFD3 | 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 #CFC8C0 as 0% and #FFEFD3 as 100%.

0.0%	0.0% #CFC8C0	RGB 207 200 192	#CFC8C0
16.7%	16.7% #D7CEC3	RGB 215 206 195	#D7CEC3
33.3%	33.3% #DFD5C6	RGB 223 213 198	#DFD5C6
50.0%	50.0% #E7DBC9	RGB 231 219 201	#E7DBC9
66.7%	66.7% #EFE2CC	RGB 239 226 204	#EFE2CC
83.3%	83.3% #F7E8CF	RGB 247 232 207	#F7E8CF
100.0%	100.0% #FFEFD3	RGB 255 239 211	#FFEFD3

#CFC8C0 #D7CEC3 #DFD5C6 #E7DBC9 #EFE2CC #F7E8CF #FFEFD3

#CFC8C0 - #FFEFD3

HSV Blend

#CFC8C0 - #FFEFD3 | 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 #CFC8C0 as 0% and #FFEFD3 as 100%.

0.0%	0.0% #CFC8C0	RGB 207 200 192	#CFC8C0
16.7%	16.7% #D7CEC3	RGB 215 206 195	#D7CEC3
33.3%	33.3% #DFD4C7	RGB 223 212 199	#DFD4C7
50.0%	50.0% #E7DBCA	RGB 231 219 202	#E7DBCA
66.7%	66.7% #EFE1CD	RGB 239 225 205	#EFE1CD
83.3%	83.3% #F7E8D0	RGB 247 232 208	#F7E8D0
100.0%	100.0% #FFEFD3	RGB 255 239 211	#FFEFD3

#CFC8C0 #D7CEC3 #DFD4C7 #E7DBCA #EFE1CD #F7E8D0 #FFEFD3

#CFC8C0 - #E7DBCA - #FFEFD3

CSS codes

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

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