#CEC97B - #F1EFD9 | 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 #CEC97B to #F1EFD9

#CEC97B #F1EFD9

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

#CEC97B - #F1EFD9 | 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 #CEC97B as 0% and #F1EFD9 as 100%.

0.0%	0.0% #CEC97B	RGB 206 201 123	#CEC97B
16.7%	16.7% #D3CF8A	RGB 211 207 138	#D3CF8A
33.3%	33.3% #D9D59A	RGB 217 213 154	#D9D59A
50.0%	50.0% #DFDCAA	RGB 223 220 170	#DFDCAA
66.7%	66.7% #E5E2B9	RGB 229 226 185	#E5E2B9
83.3%	83.3% #EBE8C9	RGB 235 232 201	#EBE8C9
100.0%	100.0% #F1EFD9	RGB 241 239 217	#F1EFD9

#CEC97B #D3CF8A #D9D59A #DFDCAA #E5E2B9 #EBE8C9 #F1EFD9

#CEC97B - #F1EFD9

HSV Blend

#CEC97B - #F1EFD9 | 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 #CEC97B as 0% and #F1EFD9 as 100%.

0.0%	0.0% #CEC97B	RGB 206 201 123	#CEC97B
16.7%	16.7% #D3CF89	RGB 211 207 137	#D3CF89
33.3%	33.3% #D9D597	RGB 217 213 151	#D9D597
50.0%	50.0% #DFDBA7	RGB 223 219 167	#DFDBA7
66.7%	66.7% #E5E1B7	RGB 229 225 183	#E5E1B7
83.3%	83.3% #EBE8C7	RGB 235 232 199	#EBE8C7
100.0%	100.0% #F1EFD9	RGB 241 239 217	#F1EFD9

#CEC97B #D3CF89 #D9D597 #DFDBA7 #E5E1B7 #EBE8C7 #F1EFD9

#CEC97B - #DFDBA7 - #F1EFD9

CSS codes

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

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