#CEC07E - #F1EDDA | 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 #CEC07E to #F1EDDA

#CEC07E #F1EDDA

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

#CEC07E - #F1EDDA | 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 #CEC07E as 0% and #F1EDDA as 100%.

0.0%	0.0% #CEC07E	RGB 206 192 126	#CEC07E
16.7%	16.7% #D3C78D	RGB 211 199 141	#D3C78D
33.3%	33.3% #D9CF9C	RGB 217 207 156	#D9CF9C
50.0%	50.0% #DFD6AC	RGB 223 214 172	#DFD6AC
66.7%	66.7% #E5DEBB	RGB 229 222 187	#E5DEBB
83.3%	83.3% #EBE5CA	RGB 235 229 202	#EBE5CA
100.0%	100.0% #F1EDDA	RGB 241 237 218	#F1EDDA

#CEC07E #D3C78D #D9CF9C #DFD6AC #E5DEBB #EBE5CA #F1EDDA

#CEC07E - #F1EDDA

HSV Blend

#CEC07E - #F1EDDA | 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 #CEC07E as 0% and #F1EDDA as 100%.

0.0%	0.0% #CEC07E	RGB 206 192 126	#CEC07E
16.7%	16.7% #D3C78B	RGB 211 199 139	#D3C78B
33.3%	33.3% #D9CE9A	RGB 217 206 154	#D9CE9A
50.0%	50.0% #DFD6A9	RGB 223 214 169	#DFD6A9
66.7%	66.7% #E5DDB9	RGB 229 221 185	#E5DDB9
83.3%	83.3% #EBE5C9	RGB 235 229 201	#EBE5C9
100.0%	100.0% #F1EDDA	RGB 241 237 218	#F1EDDA

#CEC07E #D3C78B #D9CE9A #DFD6A9 #E5DDB9 #EBE5C9 #F1EDDA

#CEC07E - #DFD6A9 - #F1EDDA

CSS codes

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

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