#F9F5E8 - #C2CF8E | 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 #F9F5E8 to #C2CF8E

#F9F5E8 #C2CF8E

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

#F9F5E8 - #C2CF8E | 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 #F9F5E8 as 0% and #C2CF8E as 100%.

0.0%	0.0% #F9F5E8	RGB 249 245 232	#F9F5E8
16.7%	16.7% #EFEED9	RGB 239 238 217	#EFEED9
33.3%	33.3% #E6E8CA	RGB 230 232 202	#E6E8CA
50.0%	50.0% #DDE2BB	RGB 221 226 187	#DDE2BB
66.7%	66.7% #D4DBAC	RGB 212 219 172	#D4DBAC
83.3%	83.3% #CBD59D	RGB 203 213 157	#CBD59D
100.0%	100.0% #C2CF8E	RGB 194 207 142	#C2CF8E

#F9F5E8 #EFEED9 #E6E8CA #DDE2BB #D4DBAC #CBD59D #C2CF8E

#F9F5E8 - #C2CF8E

HSV Blend

#F9F5E8 - #C2CF8E | 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 #F9F5E8 as 0% and #C2CF8E as 100%.

0.0%	0.0% #F9F5E8	RGB 249 245 232	#F9F5E8
16.7%	16.7% #F2EDD7	RGB 242 237 215	#F2EDD7
33.3%	33.3% #EBE7C7	RGB 235 231 199	#EBE7C7
50.0%	50.0% #E4E3B8	RGB 228 227 184	#E4E3B8
66.7%	66.7% #DADDA9	RGB 218 221 169	#DADDA9
83.3%	83.3% #CED69B	RGB 206 214 155	#CED69B
100.0%	100.0% #C2CF8E	RGB 194 207 142	#C2CF8E

#F9F5E8 #F2EDD7 #EBE7C7 #E4E3B8 #DADDA9 #CED69B #C2CF8E

#F9F5E8 - #E4E3B8 - #C2CF8E

CSS codes

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

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