#CFCFAC - #FFECBE | 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 #CFCFAC to #FFECBE

#CFCFAC #FFECBE

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

#CFCFAC - #FFECBE | 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 #CFCFAC as 0% and #FFECBE as 100%.

0.0%	0.0% #CFCFAC	RGB 207 207 172	#CFCFAC
16.7%	16.7% #D7D3AF	RGB 215 211 175	#D7D3AF
33.3%	33.3% #DFD8B2	RGB 223 216 178	#DFD8B2
50.0%	50.0% #E7DDB5	RGB 231 221 181	#E7DDB5
66.7%	66.7% #EFE2B8	RGB 239 226 184	#EFE2B8
83.3%	83.3% #F7E7BB	RGB 247 231 187	#F7E7BB
100.0%	100.0% #FFECBE	RGB 255 236 190	#FFECBE

#CFCFAC #D7D3AF #DFD8B2 #E7DDB5 #EFE2B8 #F7E7BB #FFECBE

#CFCFAC - #FFECBE

HSV Blend

#CFCFAC - #FFECBE | 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 #CFCFAC as 0% and #FFECBE as 100%.

0.0%	0.0% #CFCFAC	RGB 207 207 172	#CFCFAC
16.7%	16.7% #D7D5AF	RGB 215 213 175	#D7D5AF
33.3%	33.3% #DFDAB2	RGB 223 218 178	#DFDAB2
50.0%	50.0% #E7DFB6	RGB 231 223 182	#E7DFB6
66.7%	66.7% #EFE4B8	RGB 239 228 184	#EFE4B8
83.3%	83.3% #F7E8BB	RGB 247 232 187	#F7E8BB
100.0%	100.0% #FFECBE	RGB 255 236 190	#FFECBE

#CFCFAC #D7D5AF #DFDAB2 #E7DFB6 #EFE4B8 #F7E8BB #FFECBE

#CFCFAC - #E7DFB6 - #FFECBE

CSS codes

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

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