#CEC2AA - #F1EDE6 | 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 #CEC2AA to #F1EDE6

#CEC2AA #F1EDE6

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

#CEC2AA - #F1EDE6 | 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 #CEC2AA as 0% and #F1EDE6 as 100%.

0.0%	0.0% #CEC2AA	RGB 206 194 170	#CEC2AA
16.7%	16.7% #D3C9B4	RGB 211 201 180	#D3C9B4
33.3%	33.3% #D9D0BE	RGB 217 208 190	#D9D0BE
50.0%	50.0% #DFD7C8	RGB 223 215 200	#DFD7C8
66.7%	66.7% #E5DED2	RGB 229 222 210	#E5DED2
83.3%	83.3% #EBE5DC	RGB 235 229 220	#EBE5DC
100.0%	100.0% #F1EDE6	RGB 241 237 230	#F1EDE6

#CEC2AA #D3C9B4 #D9D0BE #DFD7C8 #E5DED2 #EBE5DC #F1EDE6

#CEC2AA - #F1EDE6

HSV Blend

#CEC2AA - #F1EDE6 | 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 #CEC2AA as 0% and #F1EDE6 as 100%.

0.0%	0.0% #CEC2AA	RGB 206 194 170	#CEC2AA
16.7%	16.7% #D3C8B3	RGB 211 200 179	#D3C8B3
33.3%	33.3% #D9CFBC	RGB 217 207 188	#D9CFBC
50.0%	50.0% #DFD6C6	RGB 223 214 198	#DFD6C6
66.7%	66.7% #E5DED0	RGB 229 222 208	#E5DED0
83.3%	83.3% #EBE5DB	RGB 235 229 219	#EBE5DB
100.0%	100.0% #F1EDE6	RGB 241 237 230	#F1EDE6

#CEC2AA #D3C8B3 #D9CFBC #DFD6C6 #E5DED0 #EBE5DB #F1EDE6

#CEC2AA - #DFD6C6 - #F1EDE6

CSS codes

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

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