#CFBA7E - #F1EBDA | 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 #CFBA7E to #F1EBDA

#CFBA7E #F1EBDA

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

#CFBA7E - #F1EBDA | 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 #CFBA7E as 0% and #F1EBDA as 100%.

0.0%	0.0% #CFBA7E	RGB 207 186 126	#CFBA7E
16.7%	16.7% #D4C28D	RGB 212 194 141	#D4C28D
33.3%	33.3% #DACA9C	RGB 218 202 156	#DACA9C
50.0%	50.0% #E0D2AC	RGB 224 210 172	#E0D2AC
66.7%	66.7% #E5DABB	RGB 229 218 187	#E5DABB
83.3%	83.3% #EBE2CA	RGB 235 226 202	#EBE2CA
100.0%	100.0% #F1EBDA	RGB 241 235 218	#F1EBDA

#CFBA7E #D4C28D #DACA9C #E0D2AC #E5DABB #EBE2CA #F1EBDA

#CFBA7E - #F1EBDA

HSV Blend

#CFBA7E - #F1EBDA | 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 #CFBA7E as 0% and #F1EBDA as 100%.

0.0%	0.0% #CFBA7E	RGB 207 186 126	#CFBA7E
16.7%	16.7% #D4C18B	RGB 212 193 139	#D4C18B
33.3%	33.3% #DAC99A	RGB 218 201 154	#DAC99A
50.0%	50.0% #E0D1A9	RGB 224 209 169	#E0D1A9
66.7%	66.7% #E5DAB9	RGB 229 218 185	#E5DAB9
83.3%	83.3% #EBE2C9	RGB 235 226 201	#EBE2C9
100.0%	100.0% #F1EBDA	RGB 241 235 218	#F1EBDA

#CFBA7E #D4C18B #DAC99A #E0D1A9 #E5DAB9 #EBE2C9 #F1EBDA

#CFBA7E - #E0D1A9 - #F1EBDA

CSS codes

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

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