#CEC18B - #F1EDDD | 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 #CEC18B to #F1EDDD

#CEC18B #F1EDDD

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

#CEC18B - #F1EDDD | 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 #CEC18B as 0% and #F1EDDD as 100%.

0.0%	0.0% #CEC18B	RGB 206 193 139	#CEC18B
16.7%	16.7% #D3C898	RGB 211 200 152	#D3C898
33.3%	33.3% #D9CFA6	RGB 217 207 166	#D9CFA6
50.0%	50.0% #DFD7B4	RGB 223 215 180	#DFD7B4
66.7%	66.7% #E5DEC1	RGB 229 222 193	#E5DEC1
83.3%	83.3% #EBE5CF	RGB 235 229 207	#EBE5CF
100.0%	100.0% #F1EDDD	RGB 241 237 221	#F1EDDD

#CEC18B #D3C898 #D9CFA6 #DFD7B4 #E5DEC1 #EBE5CF #F1EDDD

#CEC18B - #F1EDDD

HSV Blend

#CEC18B - #F1EDDD | 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 #CEC18B as 0% and #F1EDDD as 100%.

0.0%	0.0% #CEC18B	RGB 206 193 139	#CEC18B
16.7%	16.7% #D3C897	RGB 211 200 151	#D3C897
33.3%	33.3% #D9CFA4	RGB 217 207 164	#D9CFA4
50.0%	50.0% #DFD6B1	RGB 223 214 177	#DFD6B1
66.7%	66.7% #E5DDBF	RGB 229 221 191	#E5DDBF
83.3%	83.3% #EBE5CE	RGB 235 229 206	#EBE5CE
100.0%	100.0% #F1EDDD	RGB 241 237 221	#F1EDDD

#CEC18B #D3C897 #D9CFA4 #DFD6B1 #E5DDBF #EBE5CE #F1EDDD

#CEC18B - #DFD6B1 - #F1EDDD

CSS codes

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

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