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

#CFCFAB #FFECBE

Calculate the color between two colors, #CFCFAB 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)

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

0.0%	0.0% #CFCFAB	RGB 207 207 171	#CFCFAB
16.7%	16.7% #D7D3AE	RGB 215 211 174	#D7D3AE
33.3%	33.3% #DFD8B1	RGB 223 216 177	#DFD8B1
50.0%	50.0% #E7DDB4	RGB 231 221 180	#E7DDB4
66.7%	66.7% #EFE2B7	RGB 239 226 183	#EFE2B7
83.3%	83.3% #F7E7BA	RGB 247 231 186	#F7E7BA
100.0%	100.0% #FFECBE	RGB 255 236 190	#FFECBE

#CFCFAB #D7D3AE #DFD8B1 #E7DDB4 #EFE2B7 #F7E7BA #FFECBE

#CFCFAB - #FFECBE

HSV Blend

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

0.0%	0.0% #CFCFAB	RGB 207 207 171	#CFCFAB
16.7%	16.7% #D7D5AE	RGB 215 213 174	#D7D5AE
33.3%	33.3% #DFDAB2	RGB 223 218 178	#DFDAB2
50.0%	50.0% #E7DFB5	RGB 231 223 181	#E7DFB5
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

#CFCFAB #D7D5AE #DFDAB2 #E7DFB5 #EFE4B8 #F7E8BB #FFECBE

#CFCFAB - #E7DFB5 - #FFECBE

CSS codes

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

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